@itwin/itwinui-react 3.16.1 → 3.17.0-dev.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 3.16.2
+
+### Patch Changes
+
+- [#2378](https://github.com/iTwin/iTwinUI/pull/2378): Fixed folder variant `Tile`'s broken layout when it has a long name.
+
 ## 3.16.1
 
 ### Patch Changes

package/DEV-cjs/core/ThemeProvider/ThemeProvider.js

@@ -21,7 +21,7 @@ const _meta = require('../../utils/meta.js');
 const versionWithoutDots = _meta.meta.version.replace(/\./g, '');
 const ownerDocumentAtom = (0, _jotai.atom)(void 0);
 const ThemeProvider = _react.forwardRef((props, forwardedRef) => {
-  var _themeOptions, _themeOptions1;
+  var _themeOptions, _themeOptions1, _themeOptions2;
   let {
     theme: themeProp = 'inherit',
     children,
@@ -39,6 +39,11 @@ const ThemeProvider = _react.forwardRef((props, forwardedRef) => {
   (_themeOptions1 = themeOptions).highContrast ??
     (_themeOptions1.highContrast =
       'inherit' === themeProp ? parent.highContrast : void 0);
+  (_themeOptions2 = themeOptions).bridgeToFutureVersions ??
+    (_themeOptions2.bridgeToFutureVersions =
+      'inherit' === themeProp
+        ? parent.context?.themeOptions?.bridgeToFutureVersions
+        : void 0);
   let [portalContainerFromParent] = (0, _index.useScopedAtom)(
     _index.portalContainerAtom,
   );
@@ -134,6 +139,7 @@ const Root = _react.forwardRef((props, forwardedRef) => {
       ),
       'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
       'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
+      'data-iui-bridge': !!themeOptions?.bridgeToFutureVersions || void 0,
       ref: forwardedRef,
       ...rest,
     },

package/DEV-cjs/styles.js

@@ -1,6 +1,6 @@
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const e = '3.16.1';
+const e = '3.17.0-dev.0';
 const u = new Proxy(
   {},
   {

package/DEV-esm/core/ThemeProvider/ThemeProvider.js

@@ -23,7 +23,7 @@ import { meta } from '../../utils/meta.js';
 let versionWithoutDots = meta.version.replace(/\./g, '');
 let ownerDocumentAtom = atom(void 0);
 export const ThemeProvider = React.forwardRef((props, forwardedRef) => {
-  var _themeOptions, _themeOptions1;
+  var _themeOptions, _themeOptions1, _themeOptions2;
   let {
     theme: themeProp = 'inherit',
     children,
@@ -41,6 +41,11 @@ export const ThemeProvider = React.forwardRef((props, forwardedRef) => {
   (_themeOptions1 = themeOptions).highContrast ??
     (_themeOptions1.highContrast =
       'inherit' === themeProp ? parent.highContrast : void 0);
+  (_themeOptions2 = themeOptions).bridgeToFutureVersions ??
+    (_themeOptions2.bridgeToFutureVersions =
+      'inherit' === themeProp
+        ? parent.context?.themeOptions?.bridgeToFutureVersions
+        : void 0);
   let [portalContainerFromParent] = useScopedAtom(portalContainerAtom);
   let contextValue = React.useMemo(
     () => ({
@@ -126,6 +131,7 @@ let Root = React.forwardRef((props, forwardedRef) => {
       ),
       'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
       'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
+      'data-iui-bridge': !!themeOptions?.bridgeToFutureVersions || void 0,
       ref: forwardedRef,
       ...rest,
     },

package/DEV-esm/styles.js

@@ -1,4 +1,4 @@
-const t = '3.16.1';
+const t = '3.17.0-dev.0';
 const u = new Proxy(
   {},
   {

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

@@ -6,6 +6,14 @@ export type ThemeOptions = {
      * Will default to user preference if browser supports it.
      */
     highContrast?: boolean;
+    /**
+     * 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.
+     *
+     * **NOTE**: Since this is a theme bridge to *future* versions, the theme could have breaking changes.
+     */
+    bridgeToFutureVersions?: boolean;
 };
 export type ThemeType = 'light' | 'dark' | 'os';
 type RootProps = {
@@ -24,7 +32,7 @@ type RootProps = {
      * @default 'inherit'
      */
     theme?: ThemeType | 'inherit';
-    themeOptions?: Pick<ThemeOptions, 'highContrast'> & {
+    themeOptions?: Pick<ThemeOptions, 'highContrast' | 'bridgeToFutureVersions'> & {
         /**
          * Whether or not the element should apply the recommended `background-color` on itself.
          *

package/cjs/core/ThemeProvider/ThemeProvider.js

@@ -21,7 +21,7 @@ const _meta = require('../../utils/meta.js');
 const versionWithoutDots = _meta.meta.version.replace(/\./g, '');
 const ownerDocumentAtom = (0, _jotai.atom)(void 0);
 const ThemeProvider = _react.forwardRef((props, forwardedRef) => {
-  var _themeOptions, _themeOptions1;
+  var _themeOptions, _themeOptions1, _themeOptions2;
   let {
     theme: themeProp = 'inherit',
     children,
@@ -39,6 +39,11 @@ const ThemeProvider = _react.forwardRef((props, forwardedRef) => {
   (_themeOptions1 = themeOptions).highContrast ??
     (_themeOptions1.highContrast =
       'inherit' === themeProp ? parent.highContrast : void 0);
+  (_themeOptions2 = themeOptions).bridgeToFutureVersions ??
+    (_themeOptions2.bridgeToFutureVersions =
+      'inherit' === themeProp
+        ? parent.context?.themeOptions?.bridgeToFutureVersions
+        : void 0);
   let [portalContainerFromParent] = (0, _index.useScopedAtom)(
     _index.portalContainerAtom,
   );
@@ -133,6 +138,7 @@ const Root = _react.forwardRef((props, forwardedRef) => {
       ),
       'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
       'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
+      'data-iui-bridge': !!themeOptions?.bridgeToFutureVersions || void 0,
       ref: forwardedRef,
       ...rest,
     },

package/cjs/styles.js

@@ -1,6 +1,6 @@
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const e = '3.16.1';
+const e = '3.17.0-dev.0';
 const u = new Proxy(
   {},
   {

package/esm/core/ThemeProvider/ThemeProvider.d.ts

@@ -6,6 +6,14 @@ export type ThemeOptions = {
      * Will default to user preference if browser supports it.
      */
     highContrast?: boolean;
+    /**
+     * 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.
+     *
+     * **NOTE**: Since this is a theme bridge to *future* versions, the theme could have breaking changes.
+     */
+    bridgeToFutureVersions?: boolean;
 };
 export type ThemeType = 'light' | 'dark' | 'os';
 type RootProps = {
@@ -24,7 +32,7 @@ type RootProps = {
      * @default 'inherit'
      */
     theme?: ThemeType | 'inherit';
-    themeOptions?: Pick<ThemeOptions, 'highContrast'> & {
+    themeOptions?: Pick<ThemeOptions, 'highContrast' | 'bridgeToFutureVersions'> & {
         /**
          * Whether or not the element should apply the recommended `background-color` on itself.
          *

package/esm/core/ThemeProvider/ThemeProvider.js

@@ -23,7 +23,7 @@ import { meta } from '../../utils/meta.js';
 let versionWithoutDots = meta.version.replace(/\./g, '');
 let ownerDocumentAtom = atom(void 0);
 export const ThemeProvider = React.forwardRef((props, forwardedRef) => {
-  var _themeOptions, _themeOptions1;
+  var _themeOptions, _themeOptions1, _themeOptions2;
   let {
     theme: themeProp = 'inherit',
     children,
@@ -41,6 +41,11 @@ export const ThemeProvider = React.forwardRef((props, forwardedRef) => {
   (_themeOptions1 = themeOptions).highContrast ??
     (_themeOptions1.highContrast =
       'inherit' === themeProp ? parent.highContrast : void 0);
+  (_themeOptions2 = themeOptions).bridgeToFutureVersions ??
+    (_themeOptions2.bridgeToFutureVersions =
+      'inherit' === themeProp
+        ? parent.context?.themeOptions?.bridgeToFutureVersions
+        : void 0);
   let [portalContainerFromParent] = useScopedAtom(portalContainerAtom);
   let contextValue = React.useMemo(
     () => ({
@@ -125,6 +130,7 @@ let Root = React.forwardRef((props, forwardedRef) => {
       ),
       'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
       'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
+      'data-iui-bridge': !!themeOptions?.bridgeToFutureVersions || void 0,
       ref: forwardedRef,
       ...rest,
     },

package/esm/styles.js

@@ -1,4 +1,4 @@
-const t = '3.16.1';
+const t = '3.17.0-dev.0';
 const u = new Proxy(
   {},
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "3.16.1",
+  "version": "3.17.0-dev.0",
   "author": "Bentley Systems",
   "license": "MIT",
   "type": "module",
@@ -78,6 +78,30 @@
     "ui",
     "ux"
   ],
+  "scripts": {
+    "build": "pnpm clean:build && pnpm build:js && pnpm build:styles && pnpm build:types && pnpm build:post",
+    "build:js": "node ./scripts/build.mjs",
+    "build:types": "tsc -p tsconfig.build.json --outDir esm && tsc -p tsconfig.build.json --outDir cjs",
+    "build:styles": "vite build src/styles.js",
+    "build:post": "node ./scripts/postBuild.mjs",
+    "clean:build": "rimraf esm && rimraf cjs && rimraf DEV-esm && rimraf DEV-cjs && rimraf styles.css",
+    "clean:coverage": "rimraf coverage",
+    "clean": "rimraf .turbo && pnpm clean:coverage && pnpm clean:build && rimraf node_modules",
+    "test": "pnpm test:types && pnpm test:unit",
+    "test:unit": "vitest run",
+    "test:unit:watch": "pnpm test:unit --watch",
+    "test:types": "tsc -p tsconfig.test.json --noEmit",
+    "format": "prettier --config .prettierrc **/*.{tsx,ts,js} --ignore-path .gitignore --write",
+    "lint": "eslint \"**/*.{js,ts,tsx}\" --max-warnings=0",
+    "lint:fix": "pnpm lint --fix && node ../../scripts/copyrightLinter.js --fix \"*/**/*.{js,ts,tsx}\"",
+    "dev": "pnpm clean:build && concurrently \"pnpm dev:esm\" \"pnpm dev:dev-esm\" \"pnpm dev:cjs\" \"pnpm dev:dev-cjs\" \"pnpm dev:styles\" \"pnpm dev:types\"",
+    "dev:esm": "swc src -d esm --env-name='production' --watch --strip-leading-paths",
+    "dev:dev-esm": "swc src -d DEV-esm --env-name='development' --watch --strip-leading-paths",
+    "dev:cjs": "swc src -d cjs --env-name='production' --watch --strip-leading-paths -C module.type=commonjs",
+    "dev:dev-cjs": "swc src -d DEV-cjs --env-name='development' --watch --strip-leading-paths -C module.type=commonjs",
+    "dev:types": "concurrently \"tsc -p tsconfig.build.json --outDir esm --watch --preserveWatchOutput\" \"tsc -p tsconfig.build.json --outDir cjs --watch --preserveWatchOutput\"",
+    "dev:styles": "pnpm build:styles --watch"
+  },
   "dependencies": {
     "@floating-ui/react": "^0.26.23",
     "@itwin/itwinui-illustrations-react": "^2.1.0",
@@ -123,29 +147,5 @@
   "prettier": "configs/prettier-config",
   "sideEffects": [
     "styles.css"
-  ],
-  "scripts": {
-    "build": "pnpm clean:build && pnpm build:js && pnpm build:styles && pnpm build:types && pnpm build:post",
-    "build:js": "node ./scripts/build.mjs",
-    "build:types": "tsc -p tsconfig.build.json --outDir esm && tsc -p tsconfig.build.json --outDir cjs",
-    "build:styles": "vite build src/styles.js",
-    "build:post": "node ./scripts/postBuild.mjs",
-    "clean:build": "rimraf esm && rimraf cjs && rimraf DEV-esm && rimraf DEV-cjs && rimraf styles.css",
-    "clean:coverage": "rimraf coverage",
-    "clean": "rimraf .turbo && pnpm clean:coverage && pnpm clean:build && rimraf node_modules",
-    "test": "pnpm test:types && pnpm test:unit",
-    "test:unit": "vitest run",
-    "test:unit:watch": "pnpm test:unit --watch",
-    "test:types": "tsc -p tsconfig.test.json --noEmit",
-    "format": "prettier --config .prettierrc **/*.{tsx,ts,js} --ignore-path .gitignore --write",
-    "lint": "eslint \"**/*.{js,ts,tsx}\" --max-warnings=0",
-    "lint:fix": "pnpm lint --fix && node ../../scripts/copyrightLinter.js --fix \"*/**/*.{js,ts,tsx}\"",
-    "dev": "pnpm clean:build && concurrently \"pnpm dev:esm\" \"pnpm dev:dev-esm\" \"pnpm dev:cjs\" \"pnpm dev:dev-cjs\" \"pnpm dev:styles\" \"pnpm dev:types\"",
-    "dev:esm": "swc src -d esm --env-name='production' --watch --strip-leading-paths",
-    "dev:dev-esm": "swc src -d DEV-esm --env-name='development' --watch --strip-leading-paths",
-    "dev:cjs": "swc src -d cjs --env-name='production' --watch --strip-leading-paths -C module.type=commonjs",
-    "dev:dev-cjs": "swc src -d DEV-cjs --env-name='development' --watch --strip-leading-paths -C module.type=commonjs",
-    "dev:types": "concurrently \"tsc -p tsconfig.build.json --outDir esm --watch --preserveWatchOutput\" \"tsc -p tsconfig.build.json --outDir cjs --watch --preserveWatchOutput\"",
-    "dev:styles": "pnpm build:styles --watch"
-  }
-}
+  ]
+}