@itwin/core-react 4.0.0-dev.2 → 4.0.0-dev.21

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

@@ -1,58 +1,51 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "./tabs";
-
-@mixin uicore-tabs-vertical {
-  @include uicore-tabs;
-
-  > li {
-    display: block;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-
-    > a {
-      line-height: var(--iui-size-l);
-      padding: 14px 20px;
-      background: $buic-background-tab-inactive;
-      border-width: 0;
-
-      $bar-size: 2px;
-
-      .uicore-tabs-inline-label {
-        display: grid;
-        grid-template-columns: auto 1fr;
-        align-items: center;
-      }
-
-      &::after {
-        height: 100%;
-        width: $bar-size;
-        left: $bar-size;
-        padding-top: $bar-size;
-        padding-bottom: $bar-size;
-        background-clip: content-box;
-        box-sizing: border-box;
-      }
-
-      &:focus {
-        background-color: $buic-background-active-overlay;
-        outline: none;
-      }
-    }
-
-    &.core-active {
-      > a {
-        color: $buic-foreground-primary;
-        background-color: $buic-background-tab-active;
-
-        &:focus {
-          background-color: $buic-background-active-overlay;
-        }
-      }
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index";
+@import "./tabs";
+
+@mixin uicore-tabs-vertical {
+  @include uicore-tabs;
+
+  > li {
+    display: block;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+
+    > a {
+      line-height: var(--iui-size-l);
+      padding: 14px 20px;
+      border-width: 0;
+
+      $bar-size: 2px;
+
+      .uicore-tabs-inline-label {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        align-items: center;
+      }
+
+      &::after {
+        height: 100%;
+        width: $bar-size;
+        left: $bar-size;
+        padding-top: $bar-size;
+        padding-bottom: $bar-size;
+        background-clip: content-box;
+        box-sizing: border-box;
+      }
+
+      &:focus-visible {
+        outline: 1px solid var(--iui-color-border-accent);
+        outline-offset: -1px;
+      }
+    }
+
+    &.core-active a {
+      color: var(--iui-color-text-accent);
+      background-color: var(--iui-color-background-accent-muted);
+    }
+  }
+}

package/lib/esm/core-react/text/BlockText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAEzC"}
+{"version":3,"file":"BlockText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAGzC"}

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

@@ -11,6 +11,7 @@ import { StyledText } from "./StyledText";
  * @public
  */
 export function BlockText(props) {
+    { /* eslint-disable-next-line */ }
     return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-block" });
 }
 //# sourceMappingURL=BlockText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAgB;IACxC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,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 * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled block text React functional component\n * @public\n */\nexport function BlockText(props: TextProps) {\n  return <StyledText {...props} mainClassName=\"uicore-text-block\" />;\n}\n"]}
+{"version":3,"file":"BlockText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAgB;IACxC,EAAC,8BAA8B,EAAC;IAChC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,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 * as React from \"react\";\r\nimport { StyledText } from \"./StyledText\";\r\nimport { TextProps } from \"./TextProps\";\r\n\r\n/** Styled block text React functional component\r\n * @public\r\n */\r\nexport function BlockText(props: TextProps) {\r\n  {/* eslint-disable-next-line */}\r\n  return <StyledText {...props} mainClassName=\"uicore-text-block\" />;\r\n}\r\n"]}

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

@@ -5,6 +5,7 @@
 import { TextProps } from "./TextProps";
 /** Styled body text React functional component
  * @public
+ * @deprecated in 4.0 Use \<Text variant='body' /\> from iTwinUI-react package.
  */
 export declare function BodyText(props: TextProps): JSX.Element;
 //# sourceMappingURL=BodyText.d.ts.map

package/lib/esm/core-react/text/BodyText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,eAExC"}
+{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,eAGxC"}

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

@@ -9,8 +9,10 @@ import * as React from "react";
 import { StyledText } from "./StyledText";
 /** Styled body text React functional component
  * @public
+ * @deprecated in 4.0 Use \<Text variant='body' /\> from iTwinUI-react package.
  */
 export function BodyText(props) {
+    { /* eslint-disable-next-line */ }
     return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-body" });
 }
 //# sourceMappingURL=BodyText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAgB;IACvC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,kBAAkB,GAAG,CAAC;AACpE,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 * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled body text React functional component\n * @public\n */\nexport function BodyText(props: TextProps) {\n  return <StyledText {...props} mainClassName=\"uicore-text-body\" />;\n}\n"]}
+{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAgB;IACvC,EAAC,8BAA8B,EAAC;IAChC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,kBAAkB,GAAG,CAAC;AACpE,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 * as React from \"react\";\r\nimport { StyledText } from \"./StyledText\";\r\nimport { TextProps } from \"./TextProps\";\r\n\r\n/** Styled body text React functional component\r\n * @public\r\n * @deprecated in 4.0 Use \\<Text variant='body' /\\> from iTwinUI-react package.\r\n */\r\nexport function BodyText(props: TextProps) {\r\n  {/* eslint-disable-next-line */}\r\n  return <StyledText {...props} mainClassName=\"uicore-text-body\" />;\r\n}\r\n"]}

package/lib/esm/core-react/text/DisabledText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisabledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/DisabledText.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAE5C"}
+{"version":3,"file":"DisabledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/DisabledText.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAG5C"}

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

@@ -11,6 +11,7 @@ import { StyledText } from "./StyledText";
  * @public
  */
 export function DisabledText(props) {
+    { /* eslint-disable-next-line */ }
     return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-disabled" });
 }
 //# sourceMappingURL=DisabledText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DisabledText.js","sourceRoot":"","sources":["../../../../src/core-react/text/DisabledText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC3C,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACxE,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 */\nimport * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled disabled text React functional component\n * @public\n */\nexport function DisabledText(props: TextProps) {\n  return <StyledText {...props} mainClassName=\"uicore-text-disabled\" />;\n}\n"]}
+{"version":3,"file":"DisabledText.js","sourceRoot":"","sources":["../../../../src/core-react/text/DisabledText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC3C,EAAC,8BAA8B,EAAC;IAChC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACxE,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\nimport * as React from \"react\";\r\nimport { StyledText } from \"./StyledText\";\r\nimport { TextProps } from \"./TextProps\";\r\n\r\n/** Styled disabled text React functional component\r\n * @public\r\n */\r\nexport function DisabledText(props: TextProps) {\r\n  {/* eslint-disable-next-line */}\r\n  return <StyledText {...props} mainClassName=\"uicore-text-disabled\" />;\r\n}\r\n"]}

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

@@ -21,14 +21,14 @@ export function FilteredText(props) {
         for (const span of matches) {
             // istanbul ignore else
             if (span.start !== startPos)
-                spans.push(React.createElement("span", { key: startPos, className: "uicore-partial-filtered-text" }, value.substr(startPos, span.start - startPos)));
-            spans.push(React.createElement("span", { key: span.start, style: matchStyle, className: classnames("uicore-filtered-text-match", matchClassName) }, value.substr(span.start, span.end - span.start)));
+                spans.push(React.createElement("span", { key: startPos, className: "uicore-partial-filtered-text" }, value.substring(startPos, span.start)));
+            spans.push(React.createElement("span", { key: span.start, style: matchStyle, className: classnames("uicore-filtered-text-match", matchClassName) }, value.substring(span.start, span.end)));
             startPos = span.end;
         }
         const endPos = value.length;
         // istanbul ignore else
         if (startPos < endPos) {
-            spans.push(React.createElement("span", { key: startPos, className: "uicore-partial-filtered-text" }, value.substr(startPos, endPos - startPos)));
+            spans.push(React.createElement("span", { key: startPos, className: "uicore-partial-filtered-text" }, value.substring(startPos, endPos)));
         }
         return React.createElement("div", { ...otherProps, className: classnames("uicore-filtered-text", className), title: value }, spans);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"FilteredText.js","sourceRoot":"","sources":["../../../../src/core-react/text/FilteredText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,2BAA2B;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,qBAAqB,CAAC;AAgB7B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACvF,uBAAuB;IACvB,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACjC,MAAM,KAAK,GAAsB,EAAE,CAAC;QAEpC,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE;YAC5B,uBAAuB;YACrB,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ;gBACzB,KAAK,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAS,CAAC,CAAC;YACpI,KAAK,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,cAAc,CAAC,IAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAQ,CAAC,CAAC;YACpL,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC;SACrB;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,uBAAuB;QACvB,IAAI,QAAQ,GAAG,MAAM,EAAE;YACrB,KAAK,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAQ,CAAC,CAAC;SAC9H;QACD,OAAO,gCAAS,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAO,CAAC;KACnH;IAED,OAAO,iCAAU,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAQ,CAAC;AACtH,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\n// cSpell:ignore focusvalue\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { IMatch } from \"@itwin/appui-abstract\";\nimport { CommonProps } from \"../utils/Props\";\nimport \"./FilteredText.scss\";\n\n/** Props supported by [FilteredText] component\n * @alpha\n */\nexport interface FilteredTextProps extends CommonProps {\n  /** string that matched a filter string */\n  value: string;\n  /** define array of start and end positions of filter matches. */\n  matches?: IMatch[];\n  /** holds class name for matching span text. */\n  matchClassName?: string;\n  /** holds style for matching span text. */\n  matchStyle?: React.CSSProperties;\n}\n\n/** Component used to highlight filter matches within a text string.\n * @alpha\n */\nexport function FilteredText(props: FilteredTextProps) {\n  const { value, className, matches, matchClassName, matchStyle, ...otherProps } = props;\n  // istanbul ignore else\n  if (matches && matches.length > 0) {\n    const spans: React.ReactNode[] = [];\n\n    let startPos = 0;\n    for (const span of matches) {\n    // istanbul ignore else\n      if (span.start !== startPos)\n        spans.push(<span key={startPos} className=\"uicore-partial-filtered-text\">{value.substr(startPos, span.start - startPos)}</span >);\n      spans.push(<span key={span.start} style={matchStyle} className={classnames(\"uicore-filtered-text-match\", matchClassName)}>{value.substr(span.start, span.end - span.start)}</span>);\n      startPos = span.end;\n    }\n    const endPos = value.length;\n    // istanbul ignore else\n    if (startPos < endPos) {\n      spans.push(<span key={startPos} className=\"uicore-partial-filtered-text\">{value.substr(startPos, endPos - startPos)}</span>);\n    }\n    return <div {...otherProps} className={classnames(\"uicore-filtered-text\", className)} title={value}>{spans}</div>;\n  }\n\n  return <span {...otherProps} className={classnames(\"uicore-filtered-text\", className)} title={value}>{value}</span>;\n}\n"]}
+{"version":3,"file":"FilteredText.js","sourceRoot":"","sources":["../../../../src/core-react/text/FilteredText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,2BAA2B;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,qBAAqB,CAAC;AAgB7B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACvF,uBAAuB;IACvB,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACjC,MAAM,KAAK,GAAsB,EAAE,CAAC;QAEpC,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE;YAC5B,uBAAuB;YACrB,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ;gBACzB,KAAK,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAS,CAAC,CAAC;YAC5H,KAAK,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,cAAc,CAAC,IAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAQ,CAAC,CAAC;YAC1K,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC;SACrB;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,uBAAuB;QACvB,IAAI,QAAQ,GAAG,MAAM,EAAE;YACrB,KAAK,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAQ,CAAC,CAAC;SACtH;QACD,OAAO,gCAAS,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAO,CAAC;KACnH;IAED,OAAO,iCAAU,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAQ,CAAC;AACtH,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\n// cSpell:ignore focusvalue\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { IMatch } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport \"./FilteredText.scss\";\r\n\r\n/** Props supported by [FilteredText] component\r\n * @alpha\r\n */\r\nexport interface FilteredTextProps extends CommonProps {\r\n  /** string that matched a filter string */\r\n  value: string;\r\n  /** define array of start and end positions of filter matches. */\r\n  matches?: IMatch[];\r\n  /** holds class name for matching span text. */\r\n  matchClassName?: string;\r\n  /** holds style for matching span text. */\r\n  matchStyle?: React.CSSProperties;\r\n}\r\n\r\n/** Component used to highlight filter matches within a text string.\r\n * @alpha\r\n */\r\nexport function FilteredText(props: FilteredTextProps) {\r\n  const { value, className, matches, matchClassName, matchStyle, ...otherProps } = props;\r\n  // istanbul ignore else\r\n  if (matches && matches.length > 0) {\r\n    const spans: React.ReactNode[] = [];\r\n\r\n    let startPos = 0;\r\n    for (const span of matches) {\r\n    // istanbul ignore else\r\n      if (span.start !== startPos)\r\n        spans.push(<span key={startPos} className=\"uicore-partial-filtered-text\">{value.substring(startPos, span.start)}</span >);\r\n      spans.push(<span key={span.start} style={matchStyle} className={classnames(\"uicore-filtered-text-match\", matchClassName)}>{value.substring(span.start, span.end)}</span>);\r\n      startPos = span.end;\r\n    }\r\n    const endPos = value.length;\r\n    // istanbul ignore else\r\n    if (startPos < endPos) {\r\n      spans.push(<span key={startPos} className=\"uicore-partial-filtered-text\">{value.substring(startPos, endPos)}</span>);\r\n    }\r\n    return <div {...otherProps} className={classnames(\"uicore-filtered-text\", className)} title={value}>{spans}</div>;\r\n  }\r\n\r\n  return <span {...otherProps} className={classnames(\"uicore-filtered-text\", className)} title={value}>{value}</span>;\r\n}\r\n"]}

package/lib/esm/core-react/text/FilteredText.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";
-
-.uicore-filtered-text-match {
-  color: $buic-text-color-highlight;
-  font-weight: bold;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/themecolors";
+
+.uicore-filtered-text-match {
+  color: $buic-text-color-highlight;
+  font-weight: bold;
+}

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

@@ -5,6 +5,7 @@
 import { TextProps } from "./TextProps";
 /** Styled muted/gray text React functional component
  * @public
+ * @deprecated in 4.0 Use \<Text isMuted /\> from iTwinUI-react package.
  */
 export declare function MutedText(props: TextProps): JSX.Element;
 //# sourceMappingURL=MutedText.d.ts.map

package/lib/esm/core-react/text/MutedText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MutedText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/MutedText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAEzC"}
+{"version":3,"file":"MutedText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/MutedText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAGzC"}

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

@@ -9,8 +9,10 @@ import * as React from "react";
 import { StyledText } from "./StyledText";
 /** Styled muted/gray text React functional component
  * @public
+ * @deprecated in 4.0 Use \<Text isMuted /\> from iTwinUI-react package.
  */
 export function MutedText(props) {
+    { /* eslint-disable-next-line */ }
     return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-muted" });
 }
 //# sourceMappingURL=MutedText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MutedText.js","sourceRoot":"","sources":["../../../../src/core-react/text/MutedText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAgB;IACxC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,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 * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled muted/gray text React functional component\n * @public\n */\nexport function MutedText(props: TextProps) {\n  return <StyledText {...props} mainClassName=\"uicore-text-muted\" />;\n}\n"]}
+{"version":3,"file":"MutedText.js","sourceRoot":"","sources":["../../../../src/core-react/text/MutedText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,KAAgB;IACxC,EAAC,8BAA8B,EAAC;IAChC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,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 * as React from \"react\";\r\nimport { StyledText } from \"./StyledText\";\r\nimport { TextProps } from \"./TextProps\";\r\n\r\n/** Styled muted/gray text React functional component\r\n * @public\r\n * @deprecated in 4.0 Use \\<Text isMuted /\\> from iTwinUI-react package.\r\n */\r\nexport function MutedText(props: TextProps) {\r\n  {/* eslint-disable-next-line */}\r\n  return <StyledText {...props} mainClassName=\"uicore-text-muted\" />;\r\n}\r\n"]}

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

@@ -12,6 +12,7 @@ export interface StyledTextProps extends TextProps {
 }
 /** The base component for other text components that pass a main CSS class name.
  * @public
+ * @deprecated in 4.0 Use \<Text /\> component from iTwinUI-react library.
  */
 export declare function StyledText(props: StyledTextProps): JSX.Element;
 //# sourceMappingURL=StyledText.d.ts.map

package/lib/esm/core-react/text/StyledText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/StyledText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAQhD"}
+{"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/StyledText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAYhD"}

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

@@ -9,6 +9,7 @@ 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 in 4.0 Use \<Text /\> component from iTwinUI-react library.
  */
 export function StyledText(props) {
     const { mainClassName, className, style, children, ...spanProps } = props;

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 in 4.0 Use \\<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.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.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.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

@@ -9,6 +9,8 @@ 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
  */
@@ -19,7 +21,7 @@ export class ExpansionToggle extends React.PureComponent {
         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" })));
+            React.createElement(Icon, { className: "toggle icon", iconSpec: React.createElement(SvgChevronRight, null) })));
     }
 }
 //# sourceMappingURL=ExpansionToggle.js.map