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

package/lib/cjs/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/cjs/core-react/text/BlockText.d.ts

@@ -1,10 +1,10 @@
-/** @packageDocumentation
- * @module Text
- */
-/// <reference types="react" />
-import { TextProps } from "./TextProps";
-/** Styled block text React functional component
- * @public
- */
-export declare function BlockText(props: TextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Text
+ */
+/// <reference types="react" />
+import { TextProps } from "./TextProps";
+/** Styled block text React functional component
+ * @public
+ */
+export declare function BlockText(props: TextProps): JSX.Element;
 //# sourceMappingURL=BlockText.d.ts.map

package/lib/cjs/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/cjs/core-react/text/BlockText.js

@@ -1,20 +1,21 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockText = void 0;
-const React = require("react");
-const StyledText_1 = require("./StyledText");
-/** Styled block text React functional component
- * @public
- */
-function BlockText(props) {
-    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-block" });
-}
-exports.BlockText = BlockText;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockText = void 0;
+const React = require("react");
+const StyledText_1 = require("./StyledText");
+/** Styled block text React functional component
+ * @public
+ */
+function BlockText(props) {
+    { /* eslint-disable-next-line */ }
+    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-block" });
+}
+exports.BlockText = BlockText;
 //# sourceMappingURL=BlockText.js.map

package/lib/cjs/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,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAgB;IACxC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,CAAC;AAFD,8BAEC","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,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAgB;IACxC,EAAC,8BAA8B,EAAC;IAChC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,CAAC;AAHD,8BAGC","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/cjs/core-react/text/BodyText.d.ts

@@ -1,10 +1,11 @@
-/** @packageDocumentation
- * @module Text
- */
-/// <reference types="react" />
-import { TextProps } from "./TextProps";
-/** Styled body text React functional component
- * @public
- */
-export declare function BodyText(props: TextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Text
+ */
+/// <reference types="react" />
+import { TextProps } from "./TextProps";
+/** Styled body text React functional component
+ * @public
+ * @deprecated Use <Text variant='body' /> from iTwinUI-react package.
+ */
+export declare function BodyText(props: TextProps): JSX.Element;
 //# sourceMappingURL=BodyText.d.ts.map

package/lib/cjs/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/cjs/core-react/text/BodyText.js

@@ -1,20 +1,22 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BodyText = void 0;
-const React = require("react");
-const StyledText_1 = require("./StyledText");
-/** Styled body text React functional component
- * @public
- */
-function BodyText(props) {
-    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-body" });
-}
-exports.BodyText = BodyText;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BodyText = void 0;
+const React = require("react");
+const StyledText_1 = require("./StyledText");
+/** Styled body text React functional component
+ * @public
+ * @deprecated Use <Text variant='body' /> from iTwinUI-react package.
+ */
+function BodyText(props) {
+    { /* eslint-disable-next-line */ }
+    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-body" });
+}
+exports.BodyText = BodyText;
 //# sourceMappingURL=BodyText.js.map

package/lib/cjs/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,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,QAAQ,CAAC,KAAgB;IACvC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,kBAAkB,GAAG,CAAC;AACpE,CAAC;AAFD,4BAEC","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,+BAA+B;AAC/B,6CAA0C;AAG1C;;;GAGG;AACH,SAAgB,QAAQ,CAAC,KAAgB;IACvC,EAAC,8BAA8B,EAAC;IAChC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,kBAAkB,GAAG,CAAC;AACpE,CAAC;AAHD,4BAGC","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 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/cjs/core-react/text/DisabledText.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { TextProps } from "./TextProps";
-/** Styled disabled text React functional component
- * @public
- */
-export declare function DisabledText(props: TextProps): JSX.Element;
+/// <reference types="react" />
+import { TextProps } from "./TextProps";
+/** Styled disabled text React functional component
+ * @public
+ */
+export declare function DisabledText(props: TextProps): JSX.Element;
 //# sourceMappingURL=DisabledText.d.ts.map

package/lib/cjs/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/cjs/core-react/text/DisabledText.js

@@ -1,20 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisabledText = void 0;
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-const React = require("react");
-const StyledText_1 = require("./StyledText");
-/** Styled disabled text React functional component
- * @public
- */
-function DisabledText(props) {
-    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-disabled" });
-}
-exports.DisabledText = DisabledText;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisabledText = void 0;
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+const React = require("react");
+const StyledText_1 = require("./StyledText");
+/** Styled disabled text React functional component
+ * @public
+ */
+function DisabledText(props) {
+    { /* eslint-disable-next-line */ }
+    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-disabled" });
+}
+exports.DisabledText = DisabledText;
 //# sourceMappingURL=DisabledText.js.map

package/lib/cjs/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,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAgB;IAC3C,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACxE,CAAC;AAFD,oCAEC","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,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAgB;IAC3C,EAAC,8BAA8B,EAAC;IAChC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACxE,CAAC;AAHD,oCAGC","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/cjs/core-react/text/FilteredText.d.ts

@@ -1,25 +1,25 @@
-/** @packageDocumentation
- * @module Text
- */
-import * as React from "react";
-import { IMatch } from "@itwin/appui-abstract";
-import { CommonProps } from "../utils/Props";
-import "./FilteredText.scss";
-/** Props supported by [FilteredText] component
- * @alpha
- */
-export interface FilteredTextProps extends CommonProps {
-    /** string that matched a filter string */
-    value: string;
-    /** define array of start and end positions of filter matches. */
-    matches?: IMatch[];
-    /** holds class name for matching span text. */
-    matchClassName?: string;
-    /** holds style for matching span text. */
-    matchStyle?: React.CSSProperties;
-}
-/** Component used to highlight filter matches within a text string.
- * @alpha
- */
-export declare function FilteredText(props: FilteredTextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
+import { IMatch } from "@itwin/appui-abstract";
+import { CommonProps } from "../utils/Props";
+import "./FilteredText.scss";
+/** Props supported by [FilteredText] component
+ * @alpha
+ */
+export interface FilteredTextProps extends CommonProps {
+    /** string that matched a filter string */
+    value: string;
+    /** define array of start and end positions of filter matches. */
+    matches?: IMatch[];
+    /** holds class name for matching span text. */
+    matchClassName?: string;
+    /** holds style for matching span text. */
+    matchStyle?: React.CSSProperties;
+}
+/** Component used to highlight filter matches within a text string.
+ * @alpha
+ */
+export declare function FilteredText(props: FilteredTextProps): JSX.Element;
 //# sourceMappingURL=FilteredText.d.ts.map

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

@@ -1,41 +1,41 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilteredText = void 0;
-// cSpell:ignore focusvalue
-const React = require("react");
-const classnames_1 = require("classnames");
-require("./FilteredText.scss");
-/** Component used to highlight filter matches within a text string.
- * @alpha
- */
-function FilteredText(props) {
-    const { value, className, matches, matchClassName, matchStyle, ...otherProps } = props;
-    // istanbul ignore else
-    if (matches && matches.length > 0) {
-        const spans = [];
-        let startPos = 0;
-        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: (0, classnames_1.default)("uicore-filtered-text-match", matchClassName) }, value.substr(span.start, span.end - span.start)));
-            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)));
-        }
-        return React.createElement("div", { ...otherProps, className: (0, classnames_1.default)("uicore-filtered-text", className), title: value }, spans);
-    }
-    return React.createElement("span", { ...otherProps, className: (0, classnames_1.default)("uicore-filtered-text", className), title: value }, value);
-}
-exports.FilteredText = FilteredText;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilteredText = void 0;
+// cSpell:ignore focusvalue
+const React = require("react");
+const classnames_1 = require("classnames");
+require("./FilteredText.scss");
+/** Component used to highlight filter matches within a text string.
+ * @alpha
+ */
+function FilteredText(props) {
+    const { value, className, matches, matchClassName, matchStyle, ...otherProps } = props;
+    // istanbul ignore else
+    if (matches && matches.length > 0) {
+        const spans = [];
+        let startPos = 0;
+        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: (0, classnames_1.default)("uicore-filtered-text-match", matchClassName) }, value.substr(span.start, span.end - span.start)));
+            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)));
+        }
+        return React.createElement("div", { ...otherProps, className: (0, classnames_1.default)("uicore-filtered-text", className), title: value }, spans);
+    }
+    return React.createElement("span", { ...otherProps, className: (0, classnames_1.default)("uicore-filtered-text", className), title: value }, value);
+}
+exports.FilteredText = FilteredText;
 //# sourceMappingURL=FilteredText.js.map

package/lib/cjs/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,+BAA+B;AAC/B,2CAAoC;AAGpC,+BAA6B;AAgB7B;;GAEG;AACH,SAAgB,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,IAAA,oBAAU,EAAC,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,IAAA,oBAAU,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAO,CAAC;KACnH;IAED,OAAO,iCAAU,UAAU,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAQ,CAAC;AACtH,CAAC;AAvBD,oCAuBC","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,+BAA+B;AAC/B,2CAAoC;AAGpC,+BAA6B;AAgB7B;;GAEG;AACH,SAAgB,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,IAAA,oBAAU,EAAC,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,IAAA,oBAAU,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAO,CAAC;KACnH;IAED,OAAO,iCAAU,UAAU,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAQ,CAAC;AACtH,CAAC;AAvBD,oCAuBC","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.substr(startPos, span.start - startPos)}</span >);\r\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>);\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.substr(startPos, endPos - startPos)}</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/cjs/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/cjs/core-react/text/MutedText.d.ts

@@ -1,10 +1,11 @@
-/** @packageDocumentation
- * @module Text
- */
-/// <reference types="react" />
-import { TextProps } from "./TextProps";
-/** Styled muted/gray text React functional component
- * @public
- */
-export declare function MutedText(props: TextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Text
+ */
+/// <reference types="react" />
+import { TextProps } from "./TextProps";
+/** Styled muted/gray text React functional component
+ * @public
+ * @deprecated Use <Text isMuted /> from iTwinUI-react package.
+ */
+export declare function MutedText(props: TextProps): JSX.Element;
 //# sourceMappingURL=MutedText.d.ts.map

package/lib/cjs/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/cjs/core-react/text/MutedText.js

@@ -1,20 +1,22 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MutedText = void 0;
-const React = require("react");
-const StyledText_1 = require("./StyledText");
-/** Styled muted/gray text React functional component
- * @public
- */
-function MutedText(props) {
-    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-muted" });
-}
-exports.MutedText = MutedText;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MutedText = void 0;
+const React = require("react");
+const StyledText_1 = require("./StyledText");
+/** Styled muted/gray text React functional component
+ * @public
+ * @deprecated Use <Text isMuted /> from iTwinUI-react package.
+ */
+function MutedText(props) {
+    { /* eslint-disable-next-line */ }
+    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-muted" });
+}
+exports.MutedText = MutedText;
 //# sourceMappingURL=MutedText.js.map

package/lib/cjs/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,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAgB;IACxC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,CAAC;AAFD,8BAEC","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,+BAA+B;AAC/B,6CAA0C;AAG1C;;;GAGG;AACH,SAAgB,SAAS,CAAC,KAAgB;IACxC,EAAC,8BAA8B,EAAC;IAChC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,CAAC;AAHD,8BAGC","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 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"]}