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

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

@@ -6,22 +6,18 @@
 @import "./tabs";
 
 @mixin uicore-tabs-vertical {
-
   @include uicore-tabs;
 
   > li {
-
-    display:        block;
-    margin:         0;
-    padding:        0;
-    width:          100%;
+    display: block;
+    margin: 0;
+    padding: 0;
+    width: 100%;
 
     > a {
-
-      line-height:            $uicore-line-height;
-      padding:                14px 20px;
-      background:             $buic-background-tab-inactive;
-      border-width:           0;
+      line-height: var(--iui-size-l);
+      padding: 14px 20px;
+      border-width: 0;
 
       $bar-size: 2px;
 
@@ -32,33 +28,24 @@
       }
 
       &::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;
+        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;
+      &:focus-visible {
+        outline: 1px solid var(--iui-color-border-accent);
+        outline-offset: -1px;
       }
     }
 
-    &.core-active {
-      > a {
-
-        color:              $buic-foreground-primary;
-        background-color:   $buic-background-tab-active;
-
-        &:focus {
-          background-color: $buic-background-active-overlay;
-        }
-      }
+    &.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":["/*---------------------------------------------------------------------------------------------\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  return <StyledText {...props} mainClassName=\"uicore-text-block\" />;\r\n}\r\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 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 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":["/*---------------------------------------------------------------------------------------------\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 */\r\nexport function BodyText(props: TextProps) {\r\n  return <StyledText {...props} mainClassName=\"uicore-text-body\" />;\r\n}\r\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 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":["/*---------------------------------------------------------------------------------------------\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  return <StyledText {...props} mainClassName=\"uicore-text-disabled\" />;\r\n}\r\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/MutedText.d.ts

@@ -5,6 +5,7 @@
 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/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 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":["/*---------------------------------------------------------------------------------------------\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 */\r\nexport function MutedText(props: TextProps) {\r\n  return <StyledText {...props} mainClassName=\"uicore-text-muted\" />;\r\n}\r\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 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 User <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 User <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":["/*---------------------------------------------------------------------------------------------\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 */\r\nexport function StyledText(props: StyledTextProps) {\r\n  const { mainClassName, className, style, children, ...spanProps } = props;\r\n\r\n  return (\r\n    <span {...spanProps} className={classnames(mainClassName, className)} style={style}>\r\n      {children}\r\n    </span>\r\n  );\r\n}\r\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/block.scss

@@ -2,9 +2,14 @@
 * 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;
+  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

@@ -2,9 +2,12 @@
 * 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 );
+  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

@@ -7,12 +7,4 @@
 .uicore-text-body { @include uicore-text-body; }
 .uicore-text-block { @include uicore-text-block; }
 .uicore-text-disabled { @include uicore-text-disabled; }
-.uicore-text-headline { @include uicore-text-headline; }
-.uicore-text-leading { @include uicore-text-leading; }
-.uicore-text-leading-2 { @include uicore-text-leading-2; }
 .uicore-text-muted { @include uicore-text-muted; }
-.uicore-text-small { @include uicore-text-small; }
-.uicore-text-subheading { @include uicore-text-subheading; }
-.uicore-text-subheading-2 { @include uicore-text-subheading-2; }
-.uicore-text-title { @include uicore-text-title; }
-.uicore-text-title-2 { @include uicore-text-title-2; }

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

@@ -7,12 +7,4 @@
 @import "./body";
 @import "./block";
 @import "./disabled";
-@import "./headline";
-@import "./leading";
-@import "./leading-2";
 @import "./muted";
-@import "./small";
-@import "./subheading";
-@import "./subheading-2";
-@import "./title";
-@import "./title-2";

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

@@ -3,60 +3,22 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "../style/themecolors";
-@import "~@itwin/itwinui-css/scss/style/baseline";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/text/mixins";
 
 @mixin uicore-text-block-spacing {
-
-  @include iui-text-block-spacing;
+  padding: 0;
+  margin: 0 0 var(--iui-size-l);
 }
 
-@mixin uicore-text( $type: body ){
-
+@mixin uicore-text($type: body) {
   $sizes: (
-    headline:       $iui-font-size-headline,
-    title:          $iui-font-size-title,
-    title-2:        $iui-font-size-title,
-    subheading:     $iui-font-size-subheading,
-    subheading-2:   $iui-font-size-subheading,
-    leading:        $iui-font-size-leading,
-    leading-2:      $iui-font-size-leading,
-    body:           $iui-font-size,
-    small:          $iui-font-size-small,
-    caption:        $iui-font-size-small,
-  );
-
-  $weights: (
-    headline:       $iui-font-weight-light,
-    title:          $iui-font-weight-light,
-    title-2:        $iui-font-weight-normal,
-    subheading:     $iui-font-weight-normal,
-    subheading-2:   $iui-font-weight-semibold,
-    leading:        $iui-font-weight-normal,
-    leading-2:      $iui-font-weight-bold,
-    body:           $iui-font-weight-normal,
-    small:          $iui-font-weight-normal,
-    caption:        $iui-font-weight-normal,
-  );
-
-  $line-heights: (
-    headline:       2 * $iui-line-height,
-    title:          1.5 * $iui-line-height,
-    title-2:        1.5 * $iui-line-height,
-    subheading:     1.5 * $iui-line-height,
-    subheading-2:   1.5 * $iui-line-height,
-    leading:        $iui-line-height,
-    leading-2:      $iui-line-height,
-    body:           $iui-line-height,
-    small:          $iui-line-height,
-    caption:        $iui-line-height,
+    body: var(--iui-font-size-1),
+    small: var(--iui-font-size-0),
   );
 
-  $type: if( map-has-key( $sizes, $type ), $type, body );
+  $type: if(map-has-key($sizes, $type), $type, body);
 
-  font-size:          map-get( $sizes, $type );
-  font-weight:        map-get( $weights, $type );
-  line-height:        map-get( $line-heights, $type );
-  color:              $buic-text-color;
+  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/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

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":["/*---------------------------------------------------------------------------------------------\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\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        <i className=\"toggle icon icon-chevron-right\" />\r\n      </div>\r\n    );\r\n  }\r\n}\r\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

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

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

@@ -2,10 +2,8 @@
 * 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";
-@import "~@itwin/itwinui-css/scss/style/typography";
 
-$node-font-size: $iui-font-size;
+$node-font-size: var(--iui-font-size-1);
 
 .core-tree-node {
   /* Rules applied to the <be-tree-node> itself */
@@ -13,9 +11,9 @@ $node-font-size: $iui-font-size;
   box-sizing: border-box;
   width: fit-content;
   min-width: 100%;
-  font-family: $iui-sans;
+  font-family: var(--iui-font-sans);
   font-size: $node-font-size;
-  color: $buic-text-color;
+  color: var(--iui-color-text);
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor: default;
@@ -68,17 +66,18 @@ $node-font-size: $iui-font-size;
     }
   }
 
-  &.is-focused, &:focus {
+  &.is-focused,
+  &:focus {
     outline: 1px dotted #000;
   }
 
   &:not(.is-hover-disabled) {
-    &:hover{
-      background: $buic-row-hover;
+    &:hover {
+      background: var(--iui-color-background-hover);
     }
   }
 
   &.is-selected {
-    background: $buic-row-selection;
+    background: var(--iui-color-background-accent-muted);
   }
 }

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

@@ -3,9 +3,6 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 
-@import "../style/index.scss";
-@import "../style/themecolors.scss";
-
 .core-tree-placeholder {
   display: block;
   box-sizing: border-box;
@@ -15,6 +12,6 @@
   > .contents {
     margin-left: 24px; // offset for expander
     height: 18px;
-    background-color: $buic-background-placeholder;
+    background-color: var(--iui-color-background-backdrop);
   }
 }

package/lib/esm/core-react/utils/hooks/useProximityToMouse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProximityToMouse.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,gBAAgB;AAChB,qBAAa,gBAAiB,SAAQ,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;CAAI;AAEvE;;GAEG;AACH,eAAO,MAAM,mBAAmB,eAAgB,gBAAgB,SAAQ,OAAO,+BA8B9E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,kCAAkC,OAAO,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,uBAAuB,cAAe,MAAM,SAAQ,OAAO,yBAAoD,MAK3H,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,mBAAoB,MAAM,KAAG,MAEhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,mBAAoB,MAAM,KAAG,MAElE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,mBAAoB,MAAM,KAAG,MAEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,YAAa,MAAM,KAAG,MAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,MAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,eAAgB,MAAM,KAAG,MAE7D,CAAC"}
+{"version":3,"file":"useProximityToMouse.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,gBAAgB;AAChB,qBAAa,gBAAiB,SAAQ,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;CAAG;AAEtE;;GAEG;AACH,eAAO,MAAM,mBAAmB,eAClB,gBAAgB,SACtB,OAAO,+BAkCd,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,kCAAkC,OAAO,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,uBAAuB,cACvB,MAAM,SACX,OAAO,yBAEZ,MAIF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,mBAAoB,MAAM,KAAG,MAEhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,mBAAoB,MAAM,KAAG,MAElE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,mBAAoB,MAAM,KAAG,MAEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,YAAa,MAAM,KAAG,MAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,MAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,eAAgB,MAAM,KAAG,MAE7D,CAAC"}

package/lib/esm/core-react/utils/hooks/useProximityToMouse.js

@@ -59,7 +59,7 @@ export const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
  * @internal
  */
 export const calculateProximityScale = (proximity, snap = false, threshold = PROXIMITY_THRESHOLD_DEFAULT) => {
-    let scale = ((proximity < threshold) ? threshold - proximity : 0) / threshold;
+    let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;
     if (snap && scale > 0)
         scale = 1.0;
     return scale;
@@ -86,7 +86,7 @@ export const calculateBackdropFilterBlur = (proximityScale) => {
  * @internal
  */
 export const getToolbarBackgroundColor = (opacity) => {
-    return `rgba(var(--buic-background-2-rgb), ${opacity})`;
+    return `hsl(var(--iui-color-background-hsl) / ${opacity})`;
 };
 /** Gets the Toolbar box-shadow based on a given opacity.
  * @internal

package/lib/esm/core-react/utils/hooks/useProximityToMouse.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProximityToMouse.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Point } from \"../Point\";\r\nimport { Rectangle } from \"../Rectangle\";\r\n\r\n/** @internal */\r\nexport class WidgetElementSet extends Set<React.RefObject<Element>> { }\r\n\r\n/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.\r\n * @internal\r\n */\r\nexport const useProximityToMouse = (elementSet: WidgetElementSet, snap: boolean = false, threshold = PROXIMITY_THRESHOLD_DEFAULT) => {\r\n  const [proximityScale, setProximityScale] = React.useState(1.0);\r\n\r\n  React.useEffect(() => {\r\n    const handleDocumentPointerMove = (e: PointerEvent) => {\r\n      let shortestProximity = Number.MAX_SAFE_INTEGER;\r\n\r\n      for (const ref of elementSet) {\r\n        // istanbul ignore else\r\n        if (ref.current) {\r\n          const clientRect = ref.current.getBoundingClientRect();\r\n          const rectangle = Rectangle.create(clientRect);\r\n          const point = new Point(e.pageX, e.pageY);\r\n          shortestProximity = Math.min(rectangle.getShortestDistanceToPoint(point), shortestProximity);\r\n        }\r\n      }\r\n\r\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\r\n      if (scale !== proximityScale)\r\n        setProximityScale(scale);\r\n    };\r\n\r\n    document.addEventListener(\"pointermove\", handleDocumentPointerMove);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"pointermove\", handleDocumentPointerMove);\r\n    };\r\n  }, [elementSet, proximityScale, snap, threshold]);\r\n\r\n  return proximityScale;\r\n};\r\n\r\n/** Default proximity threshold.\r\n * @internal\r\n */\r\nexport const PROXIMITY_THRESHOLD_DEFAULT = 100;\r\n\r\n/** Default toolbar opacity.\r\n * @internal\r\n */\r\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\r\n\r\n/** Default toolbar box-shadow opacity.\r\n * @internal\r\n */\r\nexport const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;\r\n\r\n/** Default toolbar backdrop-filter blur.\r\n * @internal\r\n */\r\nexport const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;\r\n\r\n/** Calculates a proximity scale for further calculations given the proximity and threshold.\r\n * @internal\r\n */\r\nexport const calculateProximityScale = (proximity: number, snap: boolean = false, threshold = PROXIMITY_THRESHOLD_DEFAULT): number => {\r\n  let scale = ((proximity < threshold) ? threshold - proximity : 0) / threshold;\r\n  if (snap && scale > 0)\r\n    scale = 1.0;\r\n  return scale;\r\n};\r\n\r\n/** Calculates a toolbar opacity based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateToolbarOpacity = (proximityScale: number): number => {\r\n  return TOOLBAR_OPACITY_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Calculates a box-shadow opacity based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateBoxShadowOpacity = (proximityScale: number): number => {\r\n  return TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Calculates a backdrop-filter blur based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateBackdropFilterBlur = (proximityScale: number): number => {\r\n  return TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Gets the Toolbar background-color based on a given opacity.\r\n * @internal\r\n */\r\nexport const getToolbarBackgroundColor = (opacity: number): string => {\r\n  return `rgba(var(--buic-background-2-rgb), ${opacity})`;\r\n};\r\n\r\n/** Gets the Toolbar box-shadow based on a given opacity.\r\n * @internal\r\n */\r\nexport const getToolbarBoxShadow = (opacity: number): string => {\r\n  return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;\r\n};\r\n\r\n/** Gets the Toolbar backdrop-filter based on a given blur amount.\r\n * @internal\r\n */\r\nexport const getToolbarBackdropFilter = (filterBlur: number): string => {\r\n  return `blur(${filterBlur}px)`;\r\n};\r\n"]}
+{"version":3,"file":"useProximityToMouse.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Point } from \"../Point\";\r\nimport { Rectangle } from \"../Rectangle\";\r\n\r\n/** @internal */\r\nexport class WidgetElementSet extends Set<React.RefObject<Element>> {}\r\n\r\n/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.\r\n * @internal\r\n */\r\nexport const useProximityToMouse = (\r\n  elementSet: WidgetElementSet,\r\n  snap: boolean = false,\r\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\r\n) => {\r\n  const [proximityScale, setProximityScale] = React.useState(1.0);\r\n\r\n  React.useEffect(() => {\r\n    const handleDocumentPointerMove = (e: PointerEvent) => {\r\n      let shortestProximity = Number.MAX_SAFE_INTEGER;\r\n\r\n      for (const ref of elementSet) {\r\n        // istanbul ignore else\r\n        if (ref.current) {\r\n          const clientRect = ref.current.getBoundingClientRect();\r\n          const rectangle = Rectangle.create(clientRect);\r\n          const point = new Point(e.pageX, e.pageY);\r\n          shortestProximity = Math.min(\r\n            rectangle.getShortestDistanceToPoint(point),\r\n            shortestProximity\r\n          );\r\n        }\r\n      }\r\n\r\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\r\n      if (scale !== proximityScale) setProximityScale(scale);\r\n    };\r\n\r\n    document.addEventListener(\"pointermove\", handleDocumentPointerMove);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"pointermove\", handleDocumentPointerMove);\r\n    };\r\n  }, [elementSet, proximityScale, snap, threshold]);\r\n\r\n  return proximityScale;\r\n};\r\n\r\n/** Default proximity threshold.\r\n * @internal\r\n */\r\nexport const PROXIMITY_THRESHOLD_DEFAULT = 100;\r\n\r\n/** Default toolbar opacity.\r\n * @internal\r\n */\r\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\r\n\r\n/** Default toolbar box-shadow opacity.\r\n * @internal\r\n */\r\nexport const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;\r\n\r\n/** Default toolbar backdrop-filter blur.\r\n * @internal\r\n */\r\nexport const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;\r\n\r\n/** Calculates a proximity scale for further calculations given the proximity and threshold.\r\n * @internal\r\n */\r\nexport const calculateProximityScale = (\r\n  proximity: number,\r\n  snap: boolean = false,\r\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\r\n): number => {\r\n  let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;\r\n  if (snap && scale > 0) scale = 1.0;\r\n  return scale;\r\n};\r\n\r\n/** Calculates a toolbar opacity based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateToolbarOpacity = (proximityScale: number): number => {\r\n  return TOOLBAR_OPACITY_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Calculates a box-shadow opacity based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateBoxShadowOpacity = (proximityScale: number): number => {\r\n  return TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Calculates a backdrop-filter blur based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateBackdropFilterBlur = (proximityScale: number): number => {\r\n  return TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Gets the Toolbar background-color based on a given opacity.\r\n * @internal\r\n */\r\nexport const getToolbarBackgroundColor = (opacity: number): string => {\r\n  return `hsl(var(--iui-color-background-hsl) / ${opacity})`;\r\n};\r\n\r\n/** Gets the Toolbar box-shadow based on a given opacity.\r\n * @internal\r\n */\r\nexport const getToolbarBoxShadow = (opacity: number): string => {\r\n  return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;\r\n};\r\n\r\n/** Gets the Toolbar backdrop-filter based on a given blur amount.\r\n * @internal\r\n */\r\nexport const getToolbarBackdropFilter = (filterBlur: number): string => {\r\n  return `blur(${filterBlur}px)`;\r\n};\r\n"]}

package/lib/esm/core-react/utils/hooks/useRefs.d.ts

@@ -5,7 +5,7 @@ import * as React from "react";
 /** Hook used to combine multiple refs.
  * @internal
  */
-export declare function useRefs<T>(...refs: ReadonlyArray<React.Ref<T>>): (instance: T | null) => void;
+export declare function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | undefined>): (instance: T | null) => void;
 /** Used to combine multiple refs for a class component.
  * @internal
  */

package/lib/esm/core-react/utils/hooks/useRefs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRefs.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cACzB,CAAC,GAAG,IAAI,UAY7C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAC5C,CAAC,GAAG,IAAI,UAY5B"}
+{"version":3,"file":"useRefs.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,cACrC,CAAC,GAAG,IAAI,UAY7C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAC5C,CAAC,GAAG,IAAI,UAY5B"}

package/lib/esm/core-react/utils/hooks/useRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRefs.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,+BAA+B;AAC/B,SAAS,aAAa,CAAI,GAAiB;IACzC,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAI,GAAG,IAAiC;IAC7D,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC9C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACnE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAI,GAAG,IAAiC;IAC/D,OAAO,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC7B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,CAAC,CAAC,CAAC;AACL,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 Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\n/** Callback ref type guard. */\r\nfunction isRefCallback<T>(ref: React.Ref<T>): ref is (_: T | null) => void {\r\n  return typeof ref === \"function\";\r\n}\r\n\r\n/** Hook used to combine multiple refs.\r\n * @internal\r\n */\r\nexport function useRefs<T>(...refs: ReadonlyArray<React.Ref<T>>) {\r\n  return React.useCallback((instance: T | null) => {\r\n    for (const ref of refs) {\r\n      // istanbul ignore else\r\n      if (ref) {\r\n        if (isRefCallback(ref)) {\r\n          ref(instance);\r\n        } else {\r\n          (ref as React.MutableRefObject<T | null>).current = instance;\r\n        }\r\n      }\r\n    }\r\n  }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps\r\n}\r\n\r\n/** Used to combine multiple refs for a class component.\r\n * @internal\r\n */\r\nexport function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>) {\r\n  return ((instance: T | null) => {\r\n    for (const ref of refs) {\r\n      // istanbul ignore else\r\n      if (ref) {\r\n        if (isRefCallback(ref)) {\r\n          ref(instance);\r\n        } else {\r\n          (ref as React.MutableRefObject<T | null>).current = instance;\r\n        }\r\n      }\r\n    }\r\n  });\r\n}\r\n"]}
+{"version":3,"file":"useRefs.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,+BAA+B;AAC/B,SAAS,aAAa,CAAI,GAAiB;IACzC,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAI,GAAG,IAA6C;IACzE,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC9C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACnE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAI,GAAG,IAAiC;IAC/D,OAAO,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC7B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,CAAC,CAAC,CAAC;AACL,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 Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\n/** Callback ref type guard. */\r\nfunction isRefCallback<T>(ref: React.Ref<T>): ref is (_: T | null) => void {\r\n  return typeof ref === \"function\";\r\n}\r\n\r\n/** Hook used to combine multiple refs.\r\n * @internal\r\n */\r\nexport function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | undefined>) {\r\n  return React.useCallback((instance: T | null) => {\r\n    for (const ref of refs) {\r\n      // istanbul ignore else\r\n      if (ref) {\r\n        if (isRefCallback(ref)) {\r\n          ref(instance);\r\n        } else {\r\n          (ref as React.MutableRefObject<T | null>).current = instance;\r\n        }\r\n      }\r\n    }\r\n  }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps\r\n}\r\n\r\n/** Used to combine multiple refs for a class component.\r\n * @internal\r\n */\r\nexport function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>) {\r\n  return ((instance: T | null) => {\r\n    for (const ref of refs) {\r\n      // istanbul ignore else\r\n      if (ref) {\r\n        if (isRefCallback(ref)) {\r\n          ref(instance);\r\n        } else {\r\n          (ref as React.MutableRefObject<T | null>).current = instance;\r\n        }\r\n      }\r\n    }\r\n  });\r\n}\r\n"]}