@itwin/itwinui-react 2.5.1 → 2.6.1

package/esm/core/utils/hooks/useId.js

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+var _a;
+import React from 'react';
+import { getRandomValue } from '../functions/numbers';
+/**
+ * Return custom useId function as a fallback for React.useId
+ */
+export const useId = (_a = React.useId) !== null && _a !== void 0 ? _a : (() => {
+    const [id] = React.useState(() => `iui-${getRandomValue(10)}`);
+    return id;
+});

package/esm/core/utils/hooks/useTheme.js

@@ -24,6 +24,11 @@ export const useTheme = (theme, themeOptions) => {
         if (!ownerDocument || isThemeAlreadySet.current) {
             return;
         }
+        // do nothing if using v1 for the main page (incremental migration)
+        if (ownerDocument.documentElement.className.includes('iui-theme-') ||
+            ownerDocument.body.classList.contains('iui-body')) {
+            return;
+        }
         ownerDocument.body.classList.toggle('iui-root', true);
         switch (theme) {
             case 'light':

package/esm/core/utils/icons/SvgDocument.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const SvgDocument: (props: React.ComponentProps<'svg'>) => JSX.Element;

package/esm/core/utils/icons/SvgDocument.js

@@ -0,0 +1,9 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import * as React from 'react';
+export const SvgDocument = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+        React.createElement("path", { d: 'M10 0H2v16h12V4h-4zm1 0v3h3z' })));
+};

package/esm/core/utils/icons/index.d.ts

@@ -27,3 +27,4 @@ export * from './SvgNew';
 export * from './SvgFilter';
 export * from './SvgFilterHollow';
 export * from './SvgCalendar';
+export * from './SvgDocument';

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

@@ -31,3 +31,4 @@ export * from './SvgNew';
 export * from './SvgFilter';
 export * from './SvgFilterHollow';
 export * from './SvgCalendar';
+export * from './SvgDocument';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "2.5.1",
+  "version": "2.6.1",
   "author": "Bentley Systems",
   "license": "MIT",
   "main": "cjs/index.js",
@@ -62,7 +62,7 @@
     "dev:types": "concurrently \"tsc -p tsconfig.cjs.json --emitDeclarationOnly --watch --preserveWatchOutput\" \"tsc -p tsconfig.esm.json --emitDeclarationOnly --watch --preserveWatchOutput\""
   },
   "dependencies": {
-    "@itwin/itwinui-css": "^1.6.0",
+    "@itwin/itwinui-css": "^1.7.0",
     "@itwin/itwinui-illustrations-react": "^2.0.0",
     "@itwin/itwinui-variables": "^2.0.0",
     "@tippyjs/react": "^4.2.6",