@itwin/itwinui-react 3.8.1 → 3.9.1

package/esm/core/Typography/Text.js

@@ -4,7 +4,8 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { Box } from '../utils/index.js';
+import { Box } from '../../utils/index.js';
+// ----------------------------------------------------------------------------
 /**
  * Polymorphic typography component to render any kind of text as any kind of element.
  * Users should decide which element to render based on the context of their app. Link to heading levels docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#accessibility_concerns
@@ -19,10 +20,13 @@ import { Box } from '../utils/index.js';
  */
 export const Text = React.forwardRef((props, ref) => {
     const { variant = 'body', className, isMuted = false, isSkeleton = false, ...rest } = props;
-    return (React.createElement(Box, { className: cx({
-            [`iui-text-${variant}`]: variant !== 'body',
-            'iui-text-block': variant === 'body',
-            'iui-text-muted': isMuted,
-            'iui-skeleton': isSkeleton,
-        }, className), ref: ref, ...rest }));
+    return (React.createElement(TextContext.Provider, { value: true },
+        React.createElement(Box, { className: cx({
+                [`iui-text-${variant}`]: variant !== 'body',
+                'iui-text-block': variant === 'body',
+                'iui-text-muted': isMuted,
+                'iui-skeleton': isSkeleton,
+            }, className), ref: ref, ...rest })));
 });
+// ----------------------------------------------------------------------------
+export const TextContext = React.createContext(false);

package/esm/core/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/props.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/props.js';
 type VisuallyHiddenOwnProps = {
     /**
      * When VisuallyHidden is used with an interactive element (e.g. button),

package/esm/core/VisuallyHidden/VisuallyHidden.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { Box, ShadowRoot, useHydration } from '../utils/index.js';
+import { Box, ShadowRoot, useHydration } from '../../utils/index.js';
 /**
  * Hides content visually but keeps it still accessible to screen readers
  * and other assistive technologies.

package/esm/index.d.ts

@@ -103,7 +103,7 @@ export { Stepper } from './core/Stepper/Stepper.js';
 export { WorkflowDiagram } from './core/Stepper/WorkflowDiagram.js';
 export type { StepProperties, StepperLocalization, } from './core/Stepper/Stepper.js';
 export { SearchBox } from './core/SearchBox/SearchBox.js';
-export { getUserColor, ColorValue, MiddleTextTruncation, } from './core/utils/index.js';
+export { getUserColor, ColorValue, MiddleTextTruncation, } from './utils/index.js';
 export { LinkBox, LinkAction } from './core/LinkAction/LinkAction.js';
 export { VisuallyHidden } from './core/VisuallyHidden/VisuallyHidden.js';
 export { Icon } from './core/Icon/Icon.js';

package/esm/index.js

@@ -100,7 +100,7 @@ export { Text } from './core/Typography/Text.js';
 export { Stepper } from './core/Stepper/Stepper.js';
 export { WorkflowDiagram } from './core/Stepper/WorkflowDiagram.js';
 export { SearchBox } from './core/SearchBox/SearchBox.js';
-export { getUserColor, ColorValue, MiddleTextTruncation, } from './core/utils/index.js';
+export { getUserColor, ColorValue, MiddleTextTruncation, } from './utils/index.js';
 export { LinkBox, LinkAction } from './core/LinkAction/LinkAction.js';
 export { VisuallyHidden } from './core/VisuallyHidden/VisuallyHidden.js';
 export { Icon } from './core/Icon/Icon.js';

package/esm/react-table/react-table.js

@@ -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.
  *--------------------------------------------------------------------------------------------*/
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-empty-interface */
 /* eslint-disable @typescript-eslint/ban-types */

package/esm/{core/utils → utils}/components/AutoclearingHiddenLiveRegion.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.js';
+import { VisuallyHidden } from '../../core/VisuallyHidden/VisuallyHidden.js';
 import { getWindow } from '../functions/index.js';
 /**
  * Visually-hidden polite live region that automatically clears itself after 5 seconds.

package/esm/{core/utils → utils}/components/InputContainer.js

@@ -5,8 +5,8 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { Box } from './Box.js';
-import { Label } from '../../Label/Label.js';
-import { StatusMessage } from '../../StatusMessage/StatusMessage.js';
+import { Label } from '../../core/Label/Label.js';
+import { StatusMessage } from '../../core/StatusMessage/StatusMessage.js';
 /**
  * Input container to wrap inputs with label, and add optional message and icon.
  * @private

package/{cjs/core → esm}/utils/components/InputFlexContainer.d.ts

@@ -1,6 +1,6 @@
 import type { PolymorphicForwardRefComponent } from '../props.js';
-import type { IconProps } from '../../Icon/Icon.js';
-import type { IconButtonProps } from '../../Buttons/IconButton.js';
+import type { IconProps } from '../../core/Icon/Icon.js';
+import type { IconButtonProps } from '../../core/Buttons/IconButton.js';
 export type InputFlexContainerProps = {
     isDisabled?: boolean;
     status?: 'positive' | 'warning' | 'negative';

package/esm/{core/utils → utils}/components/InputFlexContainer.js

@@ -5,8 +5,8 @@
 import React from 'react';
 import cx from 'classnames';
 import { Box } from './Box.js';
-import { Icon } from '../../Icon/Icon.js';
-import { IconButton } from '../../Buttons/IconButton.js';
+import { Icon } from '../../core/Icon/Icon.js';
+import { IconButton } from '../../core/Buttons/IconButton.js';
 /**
  * Utility component for input container with display flex abilities.
  * @private

package/esm/{core/utils → utils}/components/Portal.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
+import { ThemeContext } from '../../core/ThemeProvider/ThemeContext.js';
 import { getDocument } from '../functions/dom.js';
 import { useIsClient } from '../hooks/useIsClient.js';
 // ----------------------------------------------------------------------------

package/esm/{core/utils → utils}/components/WithCSSTransition.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { CSSTransition } from 'react-transition-group';
-import styles from '../../../styles.js';
+import styles from '../../styles.js';
 export const WithCSSTransition = (props) => {
     const { in: visible, dimension = 'height', children, ...rest } = props;
     const expandedSize = React.useRef(0);

package/esm/{core/utils → utils}/functions/dev.js

@@ -2,8 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const isJest = typeof globalThis.jest !== 'undefined';
+// @ts-expect-error -- jest is not used in iTwinUI but may be used in consuming apps
+const isJest = typeof jest !== 'undefined';
 const isMocha = typeof globalThis.beforeEach !== 'undefined' &&
     `${globalThis.beforeEach}`.replace(/\s/g, '') ===
         'function(name,fn){suites[0].beforeEach(name,fn);}';

package/esm/{core/utils → utils}/functions/polymorphic.js

@@ -2,11 +2,10 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import * as React from 'react';
 import cx from 'classnames';
 import { useGlobals } from '../hooks/useGlobals.js';
-import styles from '../../../styles.js';
+import styles from '../../styles.js';
 const _base = (defaultElement) => {
     return (className, attrs) => {
         const Comp = React.forwardRef(({ as = defaultElement, ...props }, ref) => {

package/esm/{core/utils → utils}/functions/react.js

@@ -19,7 +19,6 @@ export const cloneElementWithRef = (children, getProps) => {
     }
     const props = getProps(children);
     const ref = mergeRefs(...[
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         'ref' in children ? children.ref : null,
         'ref' in props ? props.ref : null,
     ].filter(Boolean));

package/{cjs/core → esm}/utils/hooks/useGlobals.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
+import { ThemeContext } from '../../core/ThemeProvider/ThemeContext.js';
 /**
  * Hook used in every component for any shared setup and side effects.
  * Returns the nearest ThemeContext.
@@ -7,8 +7,8 @@ import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
  * @private
  */
 export declare const useGlobals: () => {
-    theme?: import("../../ThemeProvider/ThemeProvider.js").ThemeType | undefined;
-    themeOptions?: import("../../ThemeProvider/ThemeProvider.js").ThemeOptions | undefined;
+    theme?: import("../../index.js").ThemeType | undefined;
+    themeOptions?: import("../../core/ThemeProvider/ThemeProvider.js").ThemeOptions | undefined;
     portalContainer?: HTMLElement | null | undefined;
 } | undefined;
 /** Shows console error if ThemeProvider is not used */

package/esm/{core/utils → utils}/hooks/useGlobals.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
+import { ThemeContext } from '../../core/ThemeProvider/ThemeContext.js';
 import { isDev } from '../functions/dev.js';
 const didLogWarning = {
     fontSize: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "3.8.1",
+  "version": "3.9.1",
   "author": "Bentley Systems",
   "license": "MIT",
   "type": "module",
@@ -81,7 +81,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "typescript": "~5.1.6",
-    "vite": "^5.0.12",
+    "vite": "^5.1.7",
     "vitest": "^1.2.1"
   },
   "peerDependencies": {