@itwin/itwinui-react 3.1.2 → 3.1.3-dev.1

package/cjs/core/utils/icons/SvgSmileyHappy.js

@@ -1,12 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgSmileyHappy = void 0;
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require("react"));
+const React = __importStar(require("react"));
 const Svg_js_1 = require("./Svg.js");
 const SvgSmileyHappy = (props) => {
     return (React.createElement(Svg_js_1.Svg, { ...props },

package/cjs/core/utils/icons/SvgSortDown.js

@@ -1,12 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgSortDown = void 0;
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require("react"));
+const React = __importStar(require("react"));
 const Svg_js_1 = require("./Svg.js");
 const SvgSortDown = (props) => {
     return (React.createElement(Svg_js_1.Svg, { ...props },

package/cjs/core/utils/icons/SvgSortUp.js

@@ -1,12 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgSortUp = void 0;
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require("react"));
+const React = __importStar(require("react"));
 const Svg_js_1 = require("./Svg.js");
 const SvgSortUp = (props) => {
     return (React.createElement(Svg_js_1.Svg, { ...props },

package/cjs/core/utils/icons/SvgStatusError.js

@@ -1,12 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgStatusError = void 0;
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require("react"));
+const React = __importStar(require("react"));
 const Svg_js_1 = require("./Svg.js");
 const SvgStatusError = (props) => {
     return (React.createElement(Svg_js_1.Svg, { ...props },

package/cjs/core/utils/icons/SvgStatusSuccess.js

@@ -1,12 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgStatusSuccess = void 0;
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require("react"));
+const React = __importStar(require("react"));
 const Svg_js_1 = require("./Svg.js");
 const SvgStatusSuccess = (props) => {
     return (React.createElement(Svg_js_1.Svg, { ...props },

package/cjs/core/utils/icons/SvgStatusWarning.js

@@ -1,12 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgStatusWarning = void 0;
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require("react"));
+const React = __importStar(require("react"));
 const Svg_js_1 = require("./Svg.js");
 const SvgStatusWarning = (props) => {
     return (React.createElement(Svg_js_1.Svg, { ...props },

package/cjs/core/utils/icons/SvgSwap.js

@@ -1,12 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgSwap = void 0;
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require("react"));
+const React = __importStar(require("react"));
 const Svg_js_1 = require("./Svg.js");
 const SvgSwap = (props) => {
     return (React.createElement(Svg_js_1.Svg, { ...props },

package/cjs/core/utils/icons/SvgUpload.js

@@ -1,12 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgUpload = void 0;
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require("react"));
+const React = __importStar(require("react"));
 const Svg_js_1 = require("./Svg.js");
 const SvgUpload = (props) => {
     return (React.createElement(Svg_js_1.Svg, { ...props },

package/cjs/core/utils/icons/index.js

@@ -1,39 +1,52 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-tslib_1.__exportStar(require("./StatusIconMap.js"), exports);
-tslib_1.__exportStar(require("./SvgStatusSuccess.js"), exports);
-tslib_1.__exportStar(require("./SvgStatusWarning.js"), exports);
-tslib_1.__exportStar(require("./SvgStatusError.js"), exports);
-tslib_1.__exportStar(require("./SvgInfoCircular.js"), exports);
-tslib_1.__exportStar(require("./SvgClose.js"), exports);
-tslib_1.__exportStar(require("./SvgCloseSmall.js"), exports);
-tslib_1.__exportStar(require("./SvgChevronLeft.js"), exports);
-tslib_1.__exportStar(require("./SvgChevronRight.js"), exports);
-tslib_1.__exportStar(require("./SvgChevronRightSmall.js"), exports);
-tslib_1.__exportStar(require("./SvgChevronLeftDouble.js"), exports);
-tslib_1.__exportStar(require("./SvgChevronRightDouble.js"), exports);
-tslib_1.__exportStar(require("./SvgCaretUpSmall.js"), exports);
-tslib_1.__exportStar(require("./SvgCaretDownSmall.js"), exports);
-tslib_1.__exportStar(require("./SvgCaretRightSmall.js"), exports);
-tslib_1.__exportStar(require("./SvgSmileyHappy.js"), exports);
-tslib_1.__exportStar(require("./SvgSwap.js"), exports);
-tslib_1.__exportStar(require("./SvgUpload.js"), exports);
-tslib_1.__exportStar(require("./SvgMoreVertical.js"), exports);
-tslib_1.__exportStar(require("./SvgCheckmark.js"), exports);
-tslib_1.__exportStar(require("./SvgCheckmarkSmall.js"), exports);
-tslib_1.__exportStar(require("./SvgImportantSmall.js"), exports);
-tslib_1.__exportStar(require("./SvgSortUp.js"), exports);
-tslib_1.__exportStar(require("./SvgSortDown.js"), exports);
-tslib_1.__exportStar(require("./SvgColumnManager.js"), exports);
-tslib_1.__exportStar(require("./SvgMore.js"), exports);
-tslib_1.__exportStar(require("./SvgNew.js"), exports);
-tslib_1.__exportStar(require("./SvgSearch.js"), exports);
-tslib_1.__exportStar(require("./SvgFilter.js"), exports);
-tslib_1.__exportStar(require("./SvgFilterHollow.js"), exports);
-tslib_1.__exportStar(require("./SvgCalendar.js"), exports);
-tslib_1.__exportStar(require("./SvgDocument.js"), exports);
+__exportStar(require("./StatusIconMap.js"), exports);
+__exportStar(require("./SvgStatusSuccess.js"), exports);
+__exportStar(require("./SvgStatusWarning.js"), exports);
+__exportStar(require("./SvgStatusError.js"), exports);
+__exportStar(require("./SvgInfoCircular.js"), exports);
+__exportStar(require("./SvgClose.js"), exports);
+__exportStar(require("./SvgCloseSmall.js"), exports);
+__exportStar(require("./SvgChevronLeft.js"), exports);
+__exportStar(require("./SvgChevronRight.js"), exports);
+__exportStar(require("./SvgChevronRightSmall.js"), exports);
+__exportStar(require("./SvgChevronLeftDouble.js"), exports);
+__exportStar(require("./SvgChevronRightDouble.js"), exports);
+__exportStar(require("./SvgCaretUpSmall.js"), exports);
+__exportStar(require("./SvgCaretDownSmall.js"), exports);
+__exportStar(require("./SvgCaretRightSmall.js"), exports);
+__exportStar(require("./SvgSmileyHappy.js"), exports);
+__exportStar(require("./SvgSwap.js"), exports);
+__exportStar(require("./SvgUpload.js"), exports);
+__exportStar(require("./SvgMoreVertical.js"), exports);
+__exportStar(require("./SvgCheckmark.js"), exports);
+__exportStar(require("./SvgCheckmarkSmall.js"), exports);
+__exportStar(require("./SvgImportantSmall.js"), exports);
+__exportStar(require("./SvgSortUp.js"), exports);
+__exportStar(require("./SvgSortDown.js"), exports);
+__exportStar(require("./SvgColumnManager.js"), exports);
+__exportStar(require("./SvgMore.js"), exports);
+__exportStar(require("./SvgNew.js"), exports);
+__exportStar(require("./SvgSearch.js"), exports);
+__exportStar(require("./SvgFilter.js"), exports);
+__exportStar(require("./SvgFilterHollow.js"), exports);
+__exportStar(require("./SvgCalendar.js"), exports);
+__exportStar(require("./SvgDocument.js"), exports);

package/cjs/core/utils/index.js

@@ -1,14 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-tslib_1.__exportStar(require("./functions/index.js"), exports);
-tslib_1.__exportStar(require("./hooks/index.js"), exports);
-tslib_1.__exportStar(require("./components/index.js"), exports);
-tslib_1.__exportStar(require("./props.js"), exports);
-tslib_1.__exportStar(require("./color/index.js"), exports);
-tslib_1.__exportStar(require("./icons/index.js"), exports);
-tslib_1.__exportStar(require("./types.js"), exports);
+__exportStar(require("./functions/index.js"), exports);
+__exportStar(require("./hooks/index.js"), exports);
+__exportStar(require("./components/index.js"), exports);
+__exportStar(require("./props.js"), exports);
+__exportStar(require("./color/index.js"), exports);
+__exportStar(require("./icons/index.js"), exports);
+__exportStar(require("./types.js"), exports);

package/cjs/styles.js

@@ -208,9 +208,9 @@ const styles = {
   "iui-overlay-exiting": "_iui3-overlay-exiting",
   closeAnimation,
   "iui-progress-indicator-radial": "_iui3-progress-indicator-radial",
-  "iui-u01ukin": "_iui3-u01ukin",
+  "iui-u8yicpz": "_iui3-u8yicpz",
   "iui-progress-indicator-linear-label": "_iui3-progress-indicator-linear-label",
-  "iui-u01ukjj": "_iui3-u01ukjj",
+  "iui-u8yicqf": "_iui3-u8yicqf",
   "iui-radio": "_iui3-radio",
   "iui-radio-tile": "_iui3-radio-tile",
   "iui-radio-tile-icon": "_iui3-radio-tile-icon",

package/esm/core/ThemeProvider/ThemeProvider.js

@@ -5,7 +5,7 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import cx from 'classnames';
-import { useMediaQuery, useMergedRefs, Box, useIsomorphicLayoutEffect, useControlledState, useLatestRef, } from '../utils/index.js';
+import { useMediaQuery, useMergedRefs, Box, useIsomorphicLayoutEffect, useControlledState, useLatestRef, importCss, isJest, } from '../utils/index.js';
 import { ThemeContext } from './ThemeContext.js';
 import { ToastProvider, Toaster } from '../Toast/Toaster.js';
 /**
@@ -57,6 +57,7 @@ export const ThemeProvider = React.forwardRef((props, forwardedRef) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [theme, JSON.stringify(themeOptions), portalContainer]);
     return (React.createElement(ThemeContext.Provider, { value: contextValue },
+        themeProp === 'inherit' && rootElement ? (React.createElement(FallbackStyles, { root: rootElement })) : null,
         React.createElement(Root, { theme: theme, themeOptions: themeOptions, ref: useMergedRefs(forwardedRef, setRootElement), ...rest },
             React.createElement(ToastProvider, null,
                 children,
@@ -119,3 +120,36 @@ const useParentThemeAndContext = (rootElement) => {
         context: parentContext,
     };
 };
+// ----------------------------------------------------------------------------
+/**
+ * When `@itwin/itwinui-react/styles.css` is not imported, we will attempt to
+ * dynamically import it (if possible) and fallback to loading it from a CDN.
+ */
+const FallbackStyles = ({ root }) => {
+    useIsomorphicLayoutEffect(() => {
+        // bail if styles are already loaded
+        if (root.style.getPropertyValue('--_iui-version') === '3') {
+            return;
+        }
+        // bail if jest because it does not support dynamic imports 🤷
+        if (isJest) {
+            return;
+        }
+        (async () => {
+            try {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                await import('../../../styles.css');
+            }
+            catch (error) {
+                console.log('Error loading styles.css locally', error);
+                const css = await importCss('https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@3/styles.css');
+                document.adoptedStyleSheets = [
+                    ...document.adoptedStyleSheets,
+                    css.default,
+                ];
+            }
+        })();
+    }, [root]);
+    return React.createElement(React.Fragment, null);
+};

package/esm/core/utils/components/WithCSSTransition.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-export declare const WithCSSTransition: (props: Partial<CSSTransitionProps> & {
+import { CSSTransition } from 'react-transition-group';
+export declare const WithCSSTransition: (props: Partial<React.ComponentPropsWithoutRef<typeof CSSTransition>> & {
     children: JSX.Element;
     dimension?: 'height' | 'width';
 }) => React.JSX.Element;

package/esm/core/utils/functions/import.d.ts

@@ -4,3 +4,15 @@
  *   2. jest/node causing segfault when encountering dynamic import (https://github.com/nodejs/node/issues/35889)
  */
 export declare const dynamicImport: Function;
+/**
+ * Wrapper around native CSS module scripts (import attributes) for dynamic imports.
+ * In unsupported browsers, it gracefully degrades to import assertions, and then `fetch`.
+ *
+ * Returns a constructable CSSStyleSheet object that can be adopted.
+ *
+ * @see https://web.dev/articles/css-module-scripts
+ * @see https://github.com/tc39/proposal-import-attributes
+ */
+export declare const importCss: (url: string) => Promise<{
+    default: CSSStyleSheet;
+}>;

package/esm/core/utils/functions/import.js

@@ -10,3 +10,31 @@
 export const dynamicImport = typeof jest === undefined
     ? new Function('specifier', 'return import(specifier)')
     : (specifier) => import(/* webpackIgnore: true */ /* @vite-ignore */ specifier);
+/**
+ * Wrapper around native CSS module scripts (import attributes) for dynamic imports.
+ * In unsupported browsers, it gracefully degrades to import assertions, and then `fetch`.
+ *
+ * Returns a constructable CSSStyleSheet object that can be adopted.
+ *
+ * @see https://web.dev/articles/css-module-scripts
+ * @see https://github.com/tc39/proposal-import-attributes
+ */
+export const importCss = async (url) => {
+    try {
+        return await new Function(`return import("${url}", { with: { type: "css" } })`)();
+    }
+    catch {
+        try {
+            return await new Function(`return import("${url}", { assert: { type: "css" } })`)();
+        }
+        catch {
+            return await fetch(url)
+                .then((res) => res.text())
+                .then((cssText) => {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(cssText);
+                return { default: stylesheet };
+            });
+        }
+    }
+};

package/esm/styles.js

@@ -207,9 +207,9 @@ const styles = {
   "iui-overlay-exiting": "_iui3-overlay-exiting",
   closeAnimation,
   "iui-progress-indicator-radial": "_iui3-progress-indicator-radial",
-  "iui-u01ukin": "_iui3-u01ukin",
+  "iui-u8yicpz": "_iui3-u8yicpz",
   "iui-progress-indicator-linear-label": "_iui3-progress-indicator-linear-label",
-  "iui-u01ukjj": "_iui3-u01ukjj",
+  "iui-u8yicqf": "_iui3-u8yicqf",
   "iui-radio": "_iui3-radio",
   "iui-radio-tile": "_iui3-radio-tile",
   "iui-radio-tile-icon": "_iui3-radio-tile-icon",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "3.1.2",
+  "version": "3.1.3-dev.1",
   "author": "Bentley Systems",
   "license": "MIT",
   "type": "module",
@@ -95,7 +95,7 @@
     "@types/node": "^18.0.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
-    "@types/react-transition-group": "^4.4.6",
+    "@types/react-transition-group": "^4.4.10",
     "@typescript-eslint/eslint-plugin": "^5.60.0",
     "@typescript-eslint/parser": "^5.60.0",
     "concurrently": "^5.3.0",