@itwin/itwinui-react 2.10.0 → 2.11.0

package/esm/core/Avatar/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Avatar, UserIcon } from './Avatar';
+export { Avatar, UserIcon } from './Avatar.js';
 export default './Avatar';

package/esm/core/AvatarGroup/AvatarGroup.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/avatar.css';
 export declare type AvatarGroupProps = {
     /**

package/esm/core/AvatarGroup/AvatarGroup.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useTheme } from '../utils';
+import { useTheme } from '../utils/index.js';
 import '@itwin/itwinui-css/css/avatar.css';
 /**
  * Group Avatars together.

package/esm/core/AvatarGroup/index.d.ts

@@ -1,4 +1,4 @@
-export { AvatarGroup, UserIconGroup } from './AvatarGroup';
-export type { AvatarGroupProps, UserIconGroupProps } from './AvatarGroup';
+export { AvatarGroup, UserIconGroup } from './AvatarGroup.js';
+export type { AvatarGroupProps, UserIconGroupProps } from './AvatarGroup.js';
 declare const _default: "./AvatarGroup";
 export default _default;

package/esm/core/AvatarGroup/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { AvatarGroup, UserIconGroup } from './AvatarGroup';
+export { AvatarGroup, UserIconGroup } from './AvatarGroup.js';
 export default './AvatarGroup';

package/esm/core/Backdrop/Backdrop.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/backdrop.css';
 export declare type BackdropProps = {
     /**

package/esm/core/Backdrop/Backdrop.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useTheme } from '../utils';
+import { useTheme } from '../utils/index.js';
 import '@itwin/itwinui-css/css/backdrop.css';
 export const Backdrop = React.forwardRef((props, ref) => {
     const { isVisible = true, className, ...rest } = props;

package/esm/core/Backdrop/index.d.ts

@@ -1,2 +1,2 @@
-export { Backdrop } from './Backdrop';
-export type { BackdropProps } from './Backdrop';
+export { Backdrop } from './Backdrop.js';
+export type { BackdropProps } from './Backdrop.js';

package/esm/core/Backdrop/index.js

@@ -2,4 +2,4 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Backdrop } from './Backdrop';
+export { Backdrop } from './Backdrop.js';

package/esm/core/Badge/Badge.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { CommonProps, SoftBackgrounds } from '../utils';
-import type { AnyString } from '../utils';
+import { SoftBackgrounds } from '../utils/index.js';
+import type { CommonProps } from '../utils/index.js';
+import type { AnyString } from '../utils/index.js';
 import '@itwin/itwinui-css/css/badge.css';
 export declare type BadgeProps = {
     /**

package/esm/core/Badge/Badge.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useTheme, isSoftBackground, SoftBackgrounds, } from '../utils';
+import { useTheme, isSoftBackground, SoftBackgrounds } from '../utils/index.js';
 import '@itwin/itwinui-css/css/badge.css';
 /**
  * Helper function that returns one of the preset badge color values.

package/esm/core/Badge/index.d.ts

@@ -1,4 +1,4 @@
-export { Badge } from './Badge';
-export type { BadgeProps } from './Badge';
+export { Badge } from './Badge.js';
+export type { BadgeProps } from './Badge.js';
 declare const _default: "./Badge";
 export default _default;

package/esm/core/Badge/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Badge } from './Badge';
+export { Badge } from './Badge.js';
 export default './Badge';

package/esm/core/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/breadcrumbs.css';
 export declare type BreadcrumbsProps = {
     /**

package/esm/core/Breadcrumbs/Breadcrumbs.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useTheme, useMergedRefs, useOverflow, SvgChevronRight, } from '../utils';
+import { useTheme, useMergedRefs, useOverflow, SvgChevronRight, } from '../utils/index.js';
 import '@itwin/itwinui-css/css/breadcrumbs.css';
 /**
  * A breadcrumb trail is used as a navigational aid to help users keep track

package/esm/core/Breadcrumbs/index.d.ts

@@ -1,4 +1,4 @@
-export { Breadcrumbs } from './Breadcrumbs';
-export type { BreadcrumbsProps } from './Breadcrumbs';
+export { Breadcrumbs } from './Breadcrumbs.js';
+export type { BreadcrumbsProps } from './Breadcrumbs.js';
 declare const _default: "./Breadcrumbs";
 export default _default;

package/esm/core/Breadcrumbs/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Breadcrumbs } from './Breadcrumbs';
+export { Breadcrumbs } from './Breadcrumbs.js';
 export default './Breadcrumbs';

package/esm/core/ButtonGroup/ButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/button.css';
 export declare type ButtonGroupProps = {
     /**

package/esm/core/ButtonGroup/ButtonGroup.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useTheme, useOverflow, useMergedRefs } from '../utils';
+import { useTheme, useOverflow, useMergedRefs } from '../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 /**
  * Group buttons together for common actions.
@@ -36,7 +36,10 @@ import '@itwin/itwinui-css/css/button.css';
  */
 export const ButtonGroup = React.forwardRef((props, ref) => {
     const { children, className, overflowButton, overflowPlacement = 'end', orientation = 'horizontal', ...rest } = props;
-    const items = React.useMemo(() => { var _a; return (_a = React.Children.map(children, (child) => React.createElement("div", null, child))) !== null && _a !== void 0 ? _a : []; }, [children]);
+    const items = React.useMemo(() => {
+        var _a, _b;
+        return (_b = (_a = React.Children.map(children, (child) => !!child ? React.createElement("div", null, child) : undefined)) === null || _a === void 0 ? void 0 : _a.filter(Boolean)) !== null && _b !== void 0 ? _b : [];
+    }, [children]);
     useTheme();
     const [overflowRef, visibleCount] = useOverflow(items, !overflowButton, orientation);
     const refs = useMergedRefs(overflowRef, ref);

package/esm/core/ButtonGroup/index.d.ts

@@ -1,4 +1,4 @@
-export { ButtonGroup } from './ButtonGroup';
-export type { ButtonGroupProps } from './ButtonGroup';
+export { ButtonGroup } from './ButtonGroup.js';
+export type { ButtonGroupProps } from './ButtonGroup.js';
 declare const _default: "./ButtonGroup";
 export default _default;

package/esm/core/ButtonGroup/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { ButtonGroup } from './ButtonGroup';
+export { ButtonGroup } from './ButtonGroup.js';
 export default './ButtonGroup';

package/esm/core/Buttons/Button/Button.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils';
+import * as React from 'react';
+import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 declare type ButtonOwnProps = {
     /**

package/esm/core/Buttons/Button/Button.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme, } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 /**
  * Generic button component

package/esm/core/Buttons/Button/index.d.ts

@@ -1,4 +1,4 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button';
+export { Button } from './Button.js';
+export type { ButtonProps } from './Button.js';
 declare const _default: "./Button";
 export default _default;

package/esm/core/Buttons/Button/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Button } from './Button';
+export { Button } from './Button.js';
 export default './Button';

package/esm/core/Buttons/DropdownButton/DropdownButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ButtonProps } from '../Button';
-import { DropdownMenuProps } from '../../DropdownMenu';
+import * as React from 'react';
+import type { ButtonProps } from '../Button/index.js';
+import type { DropdownMenuProps } from '../../DropdownMenu/index.js';
 import '@itwin/itwinui-css/css/button.css';
 export declare type DropdownButtonProps = {
     /**

package/esm/core/Buttons/DropdownButton/DropdownButton.js

@@ -2,11 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { Button } from '../Button';
-import { DropdownMenu } from '../../DropdownMenu';
-import { SvgCaretDownSmall, SvgCaretUpSmall, useTheme, useMergedRefs, } from '../../utils';
+import { Button } from '../Button/index.js';
+import { DropdownMenu } from '../../DropdownMenu/index.js';
+import { SvgCaretDownSmall, SvgCaretUpSmall, useTheme, useMergedRefs, } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 /**
  * Button that opens a DropdownMenu.

package/esm/core/Buttons/DropdownButton/index.d.ts

@@ -1,4 +1,4 @@
-export { DropdownButton } from './DropdownButton';
-export type { DropdownButtonProps } from './DropdownButton';
+export { DropdownButton } from './DropdownButton.js';
+export type { DropdownButtonProps } from './DropdownButton.js';
 declare const _default: "./DropdownButton";
 export default _default;

package/esm/core/Buttons/DropdownButton/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { DropdownButton } from './DropdownButton';
+export { DropdownButton } from './DropdownButton.js';
 export default './DropdownButton';

package/esm/core/Buttons/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { ButtonProps } from '../Button';
-import type { PolymorphicForwardRefComponent } from '../../utils';
+import * as React from 'react';
+import type { ButtonProps } from '../Button/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 import '@itwin/itwinui-css/css/tooltip.css';
 export declare type IconButtonProps = {

package/esm/core/Buttons/IconButton/IconButton.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme, VisuallyHidden, Popover } from '../../utils';
+import * as React from 'react';
+import { useTheme, VisuallyHidden, Popover } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 import '@itwin/itwinui-css/css/tooltip.css';
 /**

package/esm/core/Buttons/IconButton/index.d.ts

@@ -1,4 +1,4 @@
-export { IconButton } from './IconButton';
-export type { IconButtonProps } from './IconButton';
+export { IconButton } from './IconButton.js';
+export type { IconButtonProps } from './IconButton.js';
 declare const _default: "./IconButton";
 export default _default;

package/esm/core/Buttons/IconButton/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { IconButton } from './IconButton';
+export { IconButton } from './IconButton.js';
 export default './IconButton';

package/esm/core/Buttons/IdeasButton/IdeasButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type IdeasButtonProps = {
     /**
      * On click handler.

package/esm/core/Buttons/IdeasButton/IdeasButton.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { SvgSmileyHappy, useTheme } from '../../utils';
-import { Button } from '../Button';
+import * as React from 'react';
+import { SvgSmileyHappy, useTheme } from '../../utils/index.js';
+import { Button } from '../Button/index.js';
 /**
  * Ideas button
  * @example

package/esm/core/Buttons/IdeasButton/index.d.ts

@@ -1,4 +1,4 @@
-export { IdeasButton } from './IdeasButton';
-export type { IdeasButtonProps } from './IdeasButton';
+export { IdeasButton } from './IdeasButton.js';
+export type { IdeasButtonProps } from './IdeasButton.js';
 declare const _default: "./IdeasButton";
 export default _default;

package/esm/core/Buttons/IdeasButton/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { IdeasButton } from './IdeasButton';
+export { IdeasButton } from './IdeasButton.js';
 export default './IdeasButton';

package/esm/core/Buttons/SplitButton/SplitButton.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { ButtonProps } from '../Button';
-import { Placement } from 'tippy.js';
-import { PolymorphicForwardRefComponent } from '../../utils';
+import * as React from 'react';
+import type { ButtonProps } from '../Button/index.js';
+import type { Placement } from 'tippy.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 export declare type SplitButtonProps = ButtonProps & {
     /**

package/esm/core/Buttons/SplitButton/SplitButton.js

@@ -3,11 +3,11 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { Button } from '../Button';
-import { IconButton } from '../IconButton';
-import { DropdownMenu } from '../../DropdownMenu';
-import { SvgCaretDownSmall, SvgCaretUpSmall, useTheme, } from '../../utils';
+import * as React from 'react';
+import { Button } from '../Button/index.js';
+import { IconButton } from '../IconButton/index.js';
+import { DropdownMenu } from '../../DropdownMenu/index.js';
+import { SvgCaretDownSmall, SvgCaretUpSmall, useTheme, } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 /**
  * Split button component with a DropdownMenu.

package/esm/core/Buttons/SplitButton/index.d.ts

@@ -1,4 +1,4 @@
-export { SplitButton } from './SplitButton';
-export type { SplitButtonProps } from './SplitButton';
+export { SplitButton } from './SplitButton.js';
+export type { SplitButtonProps } from './SplitButton.js';
 declare const _default: "./SplitButton";
 export default _default;

package/esm/core/Buttons/SplitButton/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { SplitButton } from './SplitButton';
+export { SplitButton } from './SplitButton.js';
 export default './SplitButton';

package/esm/core/Buttons/index.d.ts

@@ -1,10 +1,10 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button';
-export { DropdownButton } from './DropdownButton';
-export type { DropdownButtonProps } from './DropdownButton';
-export { IdeasButton } from './IdeasButton';
-export type { IconButtonProps } from './IconButton';
-export { IconButton } from './IconButton';
-export type { IdeasButtonProps } from './IdeasButton';
-export { SplitButton } from './SplitButton';
-export type { SplitButtonProps } from './SplitButton';
+export { Button } from './Button/index.js';
+export type { ButtonProps } from './Button/index.js';
+export { DropdownButton } from './DropdownButton/index.js';
+export type { DropdownButtonProps } from './DropdownButton/index.js';
+export { IdeasButton } from './IdeasButton/index.js';
+export type { IconButtonProps } from './IconButton/index.js';
+export { IconButton } from './IconButton/index.js';
+export type { IdeasButtonProps } from './IdeasButton/index.js';
+export { SplitButton } from './SplitButton/index.js';
+export type { SplitButtonProps } from './SplitButton/index.js';

package/esm/core/Buttons/index.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.
  *--------------------------------------------------------------------------------------------*/
-export { Button } from './Button';
-export { DropdownButton } from './DropdownButton';
-export { IdeasButton } from './IdeasButton';
-export { IconButton } from './IconButton';
-export { SplitButton } from './SplitButton';
+export { Button } from './Button/index.js';
+export { DropdownButton } from './DropdownButton/index.js';
+export { IdeasButton } from './IdeasButton/index.js';
+export { IconButton } from './IconButton/index.js';
+export { SplitButton } from './SplitButton/index.js';

package/esm/core/Carousel/Carousel.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/carousel.css';
 export declare type CarouselProps = {
     /**
@@ -50,11 +50,11 @@ export declare const Carousel: React.ForwardRefExoticComponent<{
         PreviousButton: React.ForwardRefExoticComponent<{
             isActive?: boolean | undefined;
             label?: React.ReactNode;
-        } & Omit<import("..").ButtonProps<"button">, "startIcon" | "endIcon"> & React.RefAttributes<HTMLButtonElement>>;
+        } & Omit<import("../index.js").ButtonProps<"button">, "startIcon" | "endIcon"> & React.RefAttributes<HTMLButtonElement>>;
         NextButton: React.ForwardRefExoticComponent<{
             isActive?: boolean | undefined;
             label?: React.ReactNode;
-        } & Omit<import("..").ButtonProps<"button">, "startIcon" | "endIcon"> & React.RefAttributes<HTMLButtonElement>>;
+        } & Omit<import("../index.js").ButtonProps<"button">, "startIcon" | "endIcon"> & React.RefAttributes<HTMLButtonElement>>;
     };
     DotsList: React.ForwardRefExoticComponent<{
         length?: number | undefined;

package/esm/core/Carousel/Carousel.js

@@ -2,16 +2,16 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { getRandomValue, useMergedRefs, useTheme } from '../utils';
+import { getRandomValue, useMergedRefs, useTheme } from '../utils/index.js';
 import '@itwin/itwinui-css/css/carousel.css';
-import { CarouselContext } from './CarouselContext';
-import { CarouselSlider } from './CarouselSlider';
-import { CarouselSlide } from './CarouselSlide';
-import { CarouselDotsList } from './CarouselDotsList';
-import { CarouselDot } from './CarouselDot';
-import { CarouselNavigation } from './CarouselNavigation';
+import { CarouselContext } from './CarouselContext.js';
+import { CarouselSlider } from './CarouselSlider.js';
+import { CarouselSlide } from './CarouselSlide.js';
+import { CarouselDotsList } from './CarouselDotsList.js';
+import { CarouselDot } from './CarouselDot.js';
+import { CarouselNavigation } from './CarouselNavigation.js';
 /**
  * The Carousel component consists of a set of slides, normally displayed one at a time. A navigation section is
  * located below the slides, consisting of "dots" and "previous"/"next" buttons, used for changing slides.

package/esm/core/Carousel/CarouselContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const CarouselContext: React.Context<{
     /**
      * Stateful index of currently active slide.

package/esm/core/Carousel/CarouselContext.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 export const CarouselContext = React.createContext(undefined);

package/esm/core/Carousel/CarouselDot.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * `CarouselDot` is the actual "dot" component used to activate a slide on clicking.
  * It should be used as a child of `CarouselDotsList`.

package/esm/core/Carousel/CarouselDot.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
 /**
  * `CarouselDot` is the actual "dot" component used to activate a slide on clicking.

package/esm/core/Carousel/CarouselDotsList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/carousel.css';
 /**
  * The `CarouselDotsList` component shows a list of `CarouselDot` components which can be used to

package/esm/core/Carousel/CarouselDotsList.js

@@ -2,11 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { CarouselContext } from './CarouselContext';
-import { getBoundedValue, getWindow, useMergedRefs, useResizeObserver, useTheme, } from '../utils';
-import { CarouselDot } from './CarouselDot';
+import { CarouselContext } from './CarouselContext.js';
+import { getBoundedValue, getWindow, useMergedRefs, useResizeObserver, useTheme, } from '../utils/index.js';
+import { CarouselDot } from './CarouselDot.js';
 import '@itwin/itwinui-css/css/carousel.css';
 /**
  * The `CarouselDotsList` component shows a list of `CarouselDot` components which can be used to

package/esm/core/Carousel/CarouselNavigation.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * The `CarouselNavigation` component by default consists of the `PreviousButton` and `NextButton`
  * shown on the left and right, and the `CarouselDotsList` component shown in the middle.
@@ -9,9 +9,9 @@ export declare const CarouselNavigation: React.ForwardRefExoticComponent<Pick<Re
     PreviousButton: React.ForwardRefExoticComponent<{
         isActive?: boolean | undefined;
         label?: React.ReactNode;
-    } & Omit<import("../Buttons").ButtonProps<"button">, "startIcon" | "endIcon"> & React.RefAttributes<HTMLButtonElement>>;
+    } & Omit<import("../Buttons/index.js").ButtonProps<"button">, "startIcon" | "endIcon"> & React.RefAttributes<HTMLButtonElement>>;
     NextButton: React.ForwardRefExoticComponent<{
         isActive?: boolean | undefined;
         label?: React.ReactNode;
-    } & Omit<import("../Buttons").ButtonProps<"button">, "startIcon" | "endIcon"> & React.RefAttributes<HTMLButtonElement>>;
+    } & Omit<import("../Buttons/index.js").ButtonProps<"button">, "startIcon" | "endIcon"> & React.RefAttributes<HTMLButtonElement>>;
 };

package/esm/core/Carousel/CarouselNavigation.js

@@ -2,12 +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 React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { CarouselContext } from './CarouselContext';
-import { IconButton } from '../Buttons';
-import { CarouselDotsList } from './CarouselDotsList';
-import { SvgChevronLeft, SvgChevronRight } from '../utils';
+import { CarouselContext } from './CarouselContext.js';
+import { IconButton } from '../Buttons/index.js';
+import { CarouselDotsList } from './CarouselDotsList.js';
+import { SvgChevronLeft, SvgChevronRight } from '../utils/index.js';
 /** Button for switching to previous slide */
 const PreviousButton = React.forwardRef((props, ref) => {
     const context = React.useContext(CarouselContext);

package/esm/core/Carousel/CarouselSlide.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * `CarouselSlide` is used for the actual slide content. The content can be specified through `children`.
  *