@itwin/itwinui-react 3.17.0-dev.1 → 3.17.0

package/cjs/core/Table/actionHandlers/selectHandler.js

@@ -29,19 +29,18 @@ const onSelectHandler = (newState, instance, onSelect, isRowDisabled) => {
   let newSelectedRowIds = {};
   let handleRow = (row) => {
     if (isRowDisabled?.(row.original)) return false;
+    let hasSubComponents = !!row.initialSubRows[0]?.original[_Table.iuiId];
+    let hasSubRows = row.subRows.length > 0 && !hasSubComponents;
     let isAllSubSelected = true;
-    if (row.initialSubRows[0]?.original[_Table.iuiId] === void 0)
+    if (hasSubRows)
       row.initialSubRows.forEach((subRow) => {
         let result = handleRow(subRow);
         if (!result) isAllSubSelected = false;
       });
-    if (
-      newState.selectedRowIds[row.id] &&
-      (!instance.selectSubRows ||
-        !row.initialSubRows.length ||
-        isAllSubSelected)
-    )
-      newSelectedRowIds[row.id] = true;
+    let isRowSelected = newState.selectedRowIds[row.id];
+    let case1 = isRowSelected && (!instance.selectSubRows || !hasSubRows);
+    let case2 = hasSubRows && isAllSubSelected;
+    if (case1 || case2) newSelectedRowIds[row.id] = true;
     return !!newSelectedRowIds[row.id];
   };
   instance.initialRows.forEach((row) => handleRow(row));

package/cjs/core/Table/cells/DefaultCell.d.ts

@@ -4,11 +4,11 @@ export type DefaultCellProps<T extends Record<string, unknown>> = {
     /**
      * Custom icon to be displayed at the beginning of the cell.
      */
-    startIcon?: JSX.Element;
+    startIcon?: React.JSX.Element;
     /**
      * Custom icon to be displayed at the end of the cell.
      */
-    endIcon?: JSX.Element;
+    endIcon?: React.JSX.Element;
     /**
      * Status of the cell.
      */

package/cjs/core/Table/cells/DefaultCell.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'DefaultCell', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _reacttable = require('react-table');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const _utils = require('../utils.js');
 const DefaultCell = (props) => {
@@ -40,10 +42,12 @@ const DefaultCell = (props) => {
     clamp = 'string' == typeof cellProps.value && !isCustomCell,
     ...rest
   } = props;
+  let { key: cellElementKey, ...cellElementPropsRest } = cellElementProps;
   return _react.createElement(
     _index.Box,
     {
-      ...cellElementProps,
+      ...cellElementPropsRest,
+      key: cellElementKey,
       ...rest,
       className: (0, _classnames.default)(cellElementClassName, className),
       'aria-disabled': isDisabled?.(cellProps.row.original) || void 0,
@@ -55,22 +59,31 @@ const DefaultCell = (props) => {
     },
     _react.createElement(
       _index.ShadowRoot,
-      null,
+      {
+        key: `${cellElementKey}-shadow-root`,
+      },
       _react.createElement('slot', {
         name: 'start',
+        key: `${cellElementKey}-shadow-root-start`,
       }),
       clamp
         ? _react.createElement(
             _index.LineClamp,
-            null,
+            {
+              key: `${cellElementKey}-shadow-root-slot`,
+            },
             _react.createElement('slot', null),
           )
-        : _react.createElement('slot', null),
+        : _react.createElement('slot', {
+            key: `${cellElementKey}-shadow-root-slot`,
+          }),
       _react.createElement('slot', {
         name: 'end',
+        key: `${cellElementKey}-shadow-root-end`,
       }),
       _react.createElement('slot', {
         name: 'shadows',
+        key: `${cellElementKey}-shadow-root-shadows`,
       }),
     ),
     startIcon &&
@@ -79,6 +92,7 @@ const DefaultCell = (props) => {
         {
           className: 'iui-table-cell-start-icon',
           slot: 'start',
+          key: `${cellElementKey}-start`,
         },
         startIcon,
       ),
@@ -89,6 +103,7 @@ const DefaultCell = (props) => {
         {
           className: 'iui-table-cell-end-icon',
           slot: 'end',
+          key: `${cellElementKey}-end`,
         },
         endIcon,
       ),

package/cjs/core/Table/cells/EditableCell.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'EditableCell', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const EditableCell = (props) => {
   let {
     cellElementProps: {

package/cjs/core/Table/columns/actionColumn.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ActionColumn', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Checkbox = require('../../Checkbox/Checkbox.js');
 const _index = require('../../../utils/index.js');
 const _IconButton = require('../../Buttons/IconButton.js');

package/cjs/core/Table/columns/expanderColumn.js

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../utils/index.js');
 const _IconButton = require('../../Buttons/IconButton.js');
 const _index1 = require('../cells/index.js');

package/cjs/core/Table/columns/selectionColumn.js

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Checkbox = require('../../Checkbox/Checkbox.js');
 const _index = require('../cells/index.js');
 const _Table = require('../Table.js');

package/cjs/core/Table/filters/BaseFilter.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'BaseFilter', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const BaseFilter = _react.forwardRef((props, forwardedRef) =>
   _react.createElement(_index.Box, {

package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'DatePickerInput', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _DatePicker = require('../../../DatePicker/DatePicker.js');
 const _InputGrid = require('../../../InputGrid/InputGrid.js');

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'DateRangeFilter', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _FilterButtonBar = require('../FilterButtonBar.js');
 const _BaseFilter = require('../BaseFilter.js');

package/cjs/core/Table/filters/FilterButtonBar.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'FilterButtonBar', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const _Button = require('../../Buttons/Button.js');
 const defaultStrings = {

package/cjs/core/Table/filters/FilterToggle.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'FilterToggle', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const _IconButton = require('../../Buttons/IconButton.js');
 const _Popover = require('../../Popover/Popover.js');

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'NumberRangeFilter', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _FilterButtonBar = require('../FilterButtonBar.js');
 const _BaseFilter = require('../BaseFilter.js');

package/cjs/core/Table/filters/TextFilter/TextFilter.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'TextFilter', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _Input = require('../../../Input/Input.js');
 const _FilterButtonBar = require('../FilterButtonBar.js');

package/cjs/core/Table/filters/defaultFilterFunctions.js

@@ -24,10 +24,9 @@ const exactText = (rows, ids, filterValue) =>
   rows.filter((row) =>
     ids.some((id) => {
       let rowValue = row.values[id];
-      return (
-        void 0 === rowValue ||
-        String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
-      );
+      return void 0 !== rowValue
+        ? String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
+        : true;
     }),
   );
 exactText.autoRemove = (val) => !val;
@@ -35,7 +34,9 @@ const exactTextCase = (rows, ids, filterValue) =>
   rows.filter((row) =>
     ids.some((id) => {
       let rowValue = row.values[id];
-      return void 0 === rowValue || String(rowValue) === String(filterValue);
+      return void 0 !== rowValue
+        ? String(rowValue) === String(filterValue)
+        : true;
     }),
   );
 exactTextCase.autoRemove = (val) => !val;

package/cjs/core/Table/filters/tableFilters.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'tableFilters', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _DateRangeFilter = require('./DateRangeFilter/DateRangeFilter.js');
 const _NumberRangeFilter = require('./NumberRangeFilter/NumberRangeFilter.js');
 const _TextFilter = require('./TextFilter/TextFilter.js');

package/cjs/core/Table/hooks/useExpanderCell.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useExpanderCell', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../columns/index.js');
 const useExpanderCell =
   (subComponent, expanderCell, isRowDisabled) => (hooks) => {

package/cjs/core/Table/hooks/useResizeColumns.d.ts

@@ -32,6 +32,6 @@
 import type * as React from 'react';
 import type { Hooks } from '../../../react-table/react-table.js';
 export declare const useResizeColumns: {
-    <T extends Record<string, unknown>>(ownerDocument: React.RefObject<Document | undefined>): (hooks: Hooks<T>) => void;
+    <T extends Record<string, unknown>>(ownerDocument: React.RefObject<Document | undefined | null>): (hooks: Hooks<T>) => void;
     pluginName: string;
 };

package/cjs/core/Table/hooks/useResizeColumns.js

@@ -87,9 +87,11 @@ const defaultGetResizerProps =
       let events = isTouchEvent(e)
         ? handlersAndEvents.touch
         : handlersAndEvents.mouse;
-      let passiveIfSupported = !!passiveEventSupported() && {
-        passive: false,
-      };
+      let passiveIfSupported = passiveEventSupported()
+        ? {
+            passive: false,
+          }
+        : false;
       ownerDocument.current?.addEventListener(
         events.moveEvent,
         events.moveHandler,
@@ -289,7 +291,7 @@ const useInstanceBeforeDimensions = (instance) => {
         ? getPreviousResizableHeader(header, instance)
         : getNextResizableHeader(header, instance);
     header.canResize =
-      null == header.disableResizing || !header.disableResizing;
+      null != header.disableResizing ? !header.disableResizing : true;
     if ('fit' === columnResizeMode)
       header.isResizerVisible =
         (header.canResize && !!nextResizableHeader) ||

package/cjs/core/Table/hooks/useScrollToRow.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useScrollToRow', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 function useScrollToRow({
   data,
   enableVirtualization,

package/cjs/core/Table/hooks/useSubRowFiltering.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useSubRowFiltering', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _defaultFilterFunctions = require('../filters/defaultFilterFunctions.js');
 const useSubRowFiltering = (hasAnySubRows) => (hooks) => {
   hooks.useInstance.push(useInstance.bind({}, hasAnySubRows));

package/cjs/core/Table/hooks/useSubRowSelection.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useSubRowSelection', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const useSubRowSelection = (hooks) => {
   hooks.useInstance.push(useInstance);
 };

package/cjs/core/Table/utils.js

@@ -24,7 +24,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const getCellStyle = (column, isTableResizing) => {
   let style = {};
   style.flex = '1 1 145px';

package/cjs/core/Tabs/Tabs.d.ts

@@ -160,7 +160,7 @@ type TabLegacyProps = {
     /**
      * Svg icon shown before the labels.
      */
-    startIcon?: JSX.Element;
+    startIcon?: React.JSX.Element;
     /**
      * Control whether the tab is disabled.
      */
@@ -265,9 +265,7 @@ export declare const Tabs: PolymorphicForwardRefComponent<"div", TabsLegacyProps
     /**
      * Tab icon subcomponent which places an icon on the left side of the tab.
      */
-    TabIcon: PolymorphicForwardRefComponent<"span", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-    }, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
+    TabIcon: PolymorphicForwardRefComponent<"span", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
         size?: "auto" | "small" | "medium" | "large" | import("../../utils/types.js").AnyString;
         fill?: "default" | "positive" | "informational" | "negative" | "warning" | import("../../utils/types.js").AnyString;
         padded?: boolean;

package/cjs/core/Tabs/Tabs.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Icon = require('../Icon/Icon.js');
 const TabsWrapper = _react.forwardRef((props, ref) => {
@@ -135,7 +137,7 @@ const Tab = _react.forwardRef((props, forwardedRef) => {
     focusActivationMode,
   } = (0, _index.useSafeContext)(TabsContext);
   let { tabsWidth, tablistRef } = (0, _index.useSafeContext)(TabListContext);
-  let tabRef = _react.useRef();
+  let tabRef = _react.useRef(void 0);
   let isActive = activeValue === value;
   let isActiveRef = (0, _index.useLatestRef)(isActive);
   (0, _index.useLayoutEffect)(() => {
@@ -174,7 +176,15 @@ const Tab = _react.forwardRef((props, forwardedRef) => {
       });
     };
     if ('default' !== type && isActive) updateStripe();
-  }, [type, orientation, isActive, tabsWidth, setStripeProperties, tablistRef]);
+  }, [
+    type,
+    orientation,
+    isActive,
+    tabsWidth,
+    setStripeProperties,
+    tablistRef,
+    value,
+  ]);
   let onKeyDown = (event) => {
     if (event.altKey) return;
     let allTabs = Array.from(event.currentTarget.parentElement?.children ?? []);
@@ -299,7 +309,7 @@ const TabsPanel = _react.forwardRef((props, ref) => {
       className: (0, _classnames.default)('iui-tabs-content', className),
       'aria-labelledby': `${idPrefix}-tab-${value.replaceAll(' ', '-')}`,
       role: 'tabpanel',
-      hidden: activeValue !== value || void 0,
+      hidden: activeValue !== value ? true : void 0,
       ref: ref,
       ...rest,
       id: `${idPrefix}-panel-${value.replaceAll(' ', '-')}`,

package/cjs/core/Tag/Tag.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Tag', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');

package/cjs/core/Tag/TagContainer.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TagContainer', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const TagContainer = _react.forwardRef((props, forwardedRef) => {
   let { className, children, overflow, background = 'none', ...rest } = props;

package/cjs/core/Textarea/Textarea.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'Textarea', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Input = require('../Input/Input.js');
 const Textarea = _react.forwardRef((props, forwardedRef) =>
   _react.createElement(_Input.Input, {

package/cjs/core/ThemeProvider/ThemeContext.js

@@ -9,5 +9,5 @@ Object.defineProperty(exports, 'ThemeContext', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const ThemeContext = _react.createContext(void 0);

package/cjs/core/ThemeProvider/ThemeProvider.d.ts

@@ -9,6 +9,8 @@ export type ThemeOptions = {
 };
 export type FutureOptions = {
     /**
+     * @alpha
+     *
      * If enabled, the theme resembles the future iTwinUI version's theme (including alphas) *whenever possible*.
      *
      * This is useful in making apps looks like future versions of iTwinUI to help with incremental adoption.
@@ -28,8 +30,11 @@ type RootProps = {
      *
      * The 'inherit' option is intended to be used by packages, to enable incremental adoption
      * of iTwinUI while respecting the theme set by the consuming app. It will fall back to 'light'
-     * if no parent theme is found. Additionally, it will attempt to inherit `themeOptions.highContrast`,
-     * `portalContainer`, and `future.themeBridge` (if possible).
+     * if no parent theme is found. Additionally, it will attempt to inherit `themeOptions.highContrast`
+     * and `portalContainer` (if possible).
+     *
+     * `future.themeBridge` will be inherited regardless of `theme` value. To disable it, explicitly set
+     * `future.themeBridge` to false.
      *
      * @default 'inherit'
      */

package/cjs/core/ThemeProvider/ThemeProvider.js

@@ -10,9 +10,13 @@ Object.defineProperty(exports, 'ThemeProvider', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _reactdom = _interop_require_wildcard._(require('react-dom'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _reactdom = /*#__PURE__*/ _interop_require_wildcard._(
+  require('react-dom'),
+);
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _ThemeContext = require('./ThemeContext.js');
 const _Toaster = require('../Toast/Toaster.js');
@@ -41,8 +45,7 @@ const ThemeProvider = _react.forwardRef((props, forwardedRef) => {
     (_themeOptions1.highContrast =
       'inherit' === themeProp ? parent.highContrast : void 0);
   (_future = future).themeBridge ??
-    (_future.themeBridge =
-      'inherit' === themeProp ? parent.context?.future?.themeBridge : void 0);
+    (_future.themeBridge = parent.context?.future?.themeBridge);
   let [portalContainerFromParent] = (0, _index.useScopedAtom)(
     _index.portalContainerAtom,
   );
@@ -140,7 +143,7 @@ const Root = _react.forwardRef((props, forwardedRef) => {
       ),
       'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
       'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
-      'data-iui-bridge': !!future?.themeBridge || void 0,
+      'data-iui-bridge': future?.themeBridge ? true : void 0,
       ref: forwardedRef,
       ...rest,
     },
@@ -252,7 +255,9 @@ const FallbackStyles = ({ root }) => {
     (async () => {
       try {
         await Promise.resolve().then(() =>
-          _interop_require_wildcard._(require('../../../styles.css')),
+          /*#__PURE__*/ _interop_require_wildcard._(
+            require('../../../styles.css'),
+          ),
         );
       } catch (error) {
         console.log('Error loading styles.css locally', error);

package/cjs/core/Tile/Tile.d.ts

@@ -247,9 +247,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
     /**
      * `IconButton` subcomponent: custom icon for `QuickAction` and `TypeIndicator` buttons.
      */
-    IconButton: PolymorphicForwardRefComponent<"button", Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, "label" | "title" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & {
+    IconButton: PolymorphicForwardRefComponent<"button", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "title" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & {
         isActive?: boolean;
         label?: React.ReactNode;
         labelProps?: Omit<React.ComponentPropsWithoutRef<typeof import("../Tooltip/Tooltip.js").Tooltip>, "content" | "reference" | "ariaStrategy" | "children">;

package/cjs/core/Tile/Tile.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Tile', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _IconButton = require('../Buttons/IconButton.js');

package/cjs/core/TimePicker/TimePicker.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TimePicker', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const isSameHour = (date1, date2, meridiem) => {
   let adjustedHours = meridiem

package/cjs/core/Toast/Toast.d.ts

@@ -66,7 +66,7 @@ export type ToastProps = {
  * <Toast type='temporary' content='26 files are available for synchronization.' category='informational' />
  * <Toast type='persisting' content='Job processing error.' category='negative' />
  */
-export declare const Toast: (props: ToastProps) => React.JSX.Element;
+export declare const Toast: (props: ToastProps) => React.JSX.Element | null;
 export type ToastPresentationProps = Omit<ToastProps, 'duration' | 'id' | 'isVisible' | 'onRemove' | 'domProps'> & {
     onClose?: () => void;
     contentProps?: React.ComponentProps<'div'>;