@itwin/itwinui-react 2.11.4 → 3.0.0-dev.0

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

@@ -29,8 +29,9 @@ exports.SvgChevronLeftDouble = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgChevronLeftDouble = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm14.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8zm-6.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z' })));
 };
 exports.SvgChevronLeftDouble = SvgChevronLeftDouble;

package/cjs/core/utils/icons/SvgChevronRight.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgChevronRight = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgChevronRight = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm4.7 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z' })));
 };
 exports.SvgChevronRight = SvgChevronRight;

package/cjs/core/utils/icons/SvgChevronRightDouble.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgChevronRightDouble = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgChevronRightDouble = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm1.4 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8zm6.6 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z' })));
 };
 exports.SvgChevronRightDouble = SvgChevronRightDouble;

package/cjs/core/utils/icons/SvgClose.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgClose = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgClose = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm14 0-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6 6-6' })));
 };
 exports.SvgClose = SvgClose;

package/cjs/core/utils/icons/SvgCloseSmall.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgCloseSmall = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgCloseSmall = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z' })));
 };
 exports.SvgCloseSmall = SvgCloseSmall;

package/cjs/core/utils/icons/SvgColumnManager.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgColumnManager = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgColumnManager = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm1 0h2v16h-2m6-16h2v16h-2m6-16h2v16h-2' })));
 };
 exports.SvgColumnManager = SvgColumnManager;

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

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

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

@@ -29,8 +29,9 @@ exports.SvgDocument = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgDocument = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'M10 0H2v16h12V4h-4zm1 0v3h3z' })));
 };
 exports.SvgDocument = SvgDocument;

package/cjs/core/utils/icons/SvgFilter.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgFilter = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgFilter = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm0 0v2l6 5v9l4-3v-6l6-5v-2z' })));
 };
 exports.SvgFilter = SvgFilter;

package/cjs/core/utils/icons/SvgFilterHollow.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgFilterHollow = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgFilterHollow = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'M15 1v.5L9.4 6.2l-.4.3v6L7 14V6.5l-.4-.3L1 1.5V1zm1-1H0v2l6 5v9l4-3V7l6-5z' })));
 };
 exports.SvgFilterHollow = SvgFilterHollow;

package/cjs/core/utils/icons/SvgImportantSmall.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgImportantSmall = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgImportantSmall = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'M6.25 1h3.5v3.19l-.676 6.408H6.91L6.25 4.19zm.12 10.572h3.268V15H6.37z' })));
 };
 exports.SvgImportantSmall = SvgImportantSmall;

package/cjs/core/utils/icons/SvgInfoCircular.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgInfoCircular = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgInfoCircular = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'M8 0a8 8 0 1 0 8 8 8 8 0 0 0-8-8zm1.2 3.2a.923.923 0 0 1 .997.843l.003.057a1.31 1.31 0 0 1-1.3 1.2.945.945 0 0 1-1-1 1.228 1.228 0 0 1 1.3-1.1zm-2 9.6c-.5 0-.9-.3-.5-1.7l.6-2.4c.1-.4.1-.5 0-.5-.2-.1-.9.2-1.3.5l-.2-.5a6.497 6.497 0 0 1 3.3-1.6c.5 0 .6.6.3 1.6l-.7 2.6c-.1.5-.1.6.1.6a2.003 2.003 0 0 0 1.1-.6l.3.4a5.769 5.769 0 0 1-3 1.6z' })));
 };
 exports.SvgInfoCircular = SvgInfoCircular;

package/cjs/core/utils/icons/SvgMore.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgMore = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgMore = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm4 8a2 2 0 1 1 -2-2 2 2 0 0 1 2 2zm4-2a2 2 0 1 0 2 2 2 2 0 0 0 -2-2zm6 0a2 2 0 1 0 2 2 2 2 0 0 0 -2-2z' })));
 };
 exports.SvgMore = SvgMore;

package/cjs/core/utils/icons/SvgMoreVertical.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgMoreVertical = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgMoreVertical = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm8 4a2 2 0 1 1 2-2 2 2 0 0 1 -2 2zm2 4a2 2 0 1 0 -2 2 2 2 0 0 0 2-2zm0 6a2 2 0 1 0 -2 2 2 2 0 0 0 2-2z' })));
 };
 exports.SvgMoreVertical = SvgMoreVertical;

package/cjs/core/utils/icons/SvgNew.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgNew = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgNew = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'M8 5a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM4.535 7a.997.997 0 0 1-.499-.134l-2.598-1.5a1 1 0 1 1 1-1.732l2.598 1.5A1 1 0 0 1 4.536 7zM1.94 12.5a1 1 0 0 1-.501-1.866l2.598-1.5a1 1 0 1 1 1 1.732l-2.598 1.5a.997.997 0 0 1-.499.134zM8 16a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zm6.061-3.5a.995.995 0 0 1-.499-.134l-2.598-1.5a1 1 0 1 1 1-1.732l2.598 1.5a1 1 0 0 1-.5 1.866zM11.465 7a1 1 0 0 1-.501-1.866l2.598-1.5a1 1 0 1 1 1 1.732l-2.598 1.5a.995.995 0 0 1-.5.134z' })));
 };
 exports.SvgNew = SvgNew;

package/cjs/core/utils/icons/SvgSearch.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgSearch = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgSearch = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm11 9.7c.7-1 1.1-2.2 1.1-3.5.1-3.5-2.7-6.2-6-6.2-3.4 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1c1.3 0 2.5-.4 3.5-1.1l4.9 4.9 1.4-1.4zm-5 .5c-2.3 0-4.1-1.8-4.1-4.1s1.8-4.1 4.1-4.1 4.1 1.8 4.1 4.1-1.8 4.1-4.1 4.1' })));
 };
 exports.SvgSearch = SvgSearch;

package/cjs/core/utils/icons/SvgSmileyHappy.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgSmileyHappy = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgSmileyHappy = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'M8 12.5a5.19 5.19 0 0 1-3.872-1.666.5.5 0 1 1 .744-.668A4.191 4.191 0 0 0 8 11.5a4.191 4.191 0 0 0 3.128-1.334.5.5 0 1 1 .744.668A5.19 5.19 0 0 1 8 12.5zM11 5a1.146 1.146 0 0 1 1 1.25 1.146 1.146 0 0 1-1 1.25 1.146 1.146 0 0 1-1-1.25A1.146 1.146 0 0 1 11 5zM5 5a1.146 1.146 0 0 1 1 1.25A1.146 1.146 0 0 1 5 7.5a1.146 1.146 0 0 1-1-1.25A1.146 1.146 0 0 1 5 5zm3-5a8 8 0 1 0 8 8 8 8 0 0 0-8-8z' })));
 };
 exports.SvgSmileyHappy = SvgSmileyHappy;

package/cjs/core/utils/icons/SvgSortDown.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgSortDown = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgSortDown = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm7 0v12.7l-3.8-3.7-1.2 1.2 6 5.8 1.2-1.2 4.8-4.6-1.2-1.2-3.8 3.7v-12.7z' })));
 };
 exports.SvgSortDown = SvgSortDown;

package/cjs/core/utils/icons/SvgSortUp.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgSortUp = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgSortUp = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm9 16v-12.7l3.8 3.7 1.2-1.2-6-5.8-1.2 1.2-4.8 4.6 1.2 1.2 3.8-3.7v12.7z' })));
 };
 exports.SvgSortUp = SvgSortUp;

package/cjs/core/utils/icons/SvgStatusError.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgStatusError = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgStatusError = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm1 12h-2v-2h2zm0-3h-2v-5h2z' })));
 };
 exports.SvgStatusError = SvgStatusError;

package/cjs/core/utils/icons/SvgStatusSuccess.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgStatusSuccess = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgStatusSuccess = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm-1.35 12-3.65-3.41 1.4-1.3 2.36 2.2 4.83-4.49 1.41 1.29z' })));
 };
 exports.SvgStatusSuccess = SvgStatusSuccess;

package/cjs/core/utils/icons/SvgStatusWarning.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgStatusWarning = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgStatusWarning = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm15.86807 13.26721-6.77-11.62a1.15 1.15 0 0 0 -1.1-.67 1.17 1.17 0 0 0 -1.1.69l-6.77 11.59a1.2 1.2 0 0 0 1.1 1.72h13.45a1.19 1.19 0 0 0 1.19-1.71zm-6.87-.29h-2v-2h2zm0-3h-2v-5h2z' })));
 };
 exports.SvgStatusWarning = SvgStatusWarning;

package/cjs/core/utils/icons/SvgSwap.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgSwap = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgSwap = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z' })));
 };
 exports.SvgSwap = SvgSwap;

package/cjs/core/utils/icons/SvgUpload.d.ts

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

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

@@ -29,8 +29,9 @@ exports.SvgUpload = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
+const Svg_js_1 = require("./Svg.js");
 const SvgUpload = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg_js_1.Svg, { ...props },
         React.createElement("path", { d: 'm2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z' })));
 };
 exports.SvgUpload = SvgUpload;

package/cjs/core/utils/props.d.ts

@@ -1,47 +1,24 @@
 import type * as React from 'react';
-export declare type ClassNameProps = {
-    /**
-     * Custom CSS class name.
-     */
-    className?: string;
-};
-export declare type StylingProps = {
-    /**
-     * Custom CSS style properties.
-     */
-    style?: React.CSSProperties;
-} & ClassNameProps;
 export declare type CommonProps = {
-    /**
-     * HTML title attribute.
-     */
-    title?: string;
-    /**
-     * HTML id attribute.
-     */
     id?: string;
-} & StylingProps;
-/**
- * Merges provided Props with the props of T.
- *
- * T can be any native HTML element or a custom component.
- */
-export declare type PolymorphicComponentProps<T extends React.ElementType, Props = Record<string, unknown>> = Merge<React.ComponentPropsWithoutRef<T>, Props>;
+    className?: string;
+    style?: React.CSSProperties;
+};
 /**
  * Makes `as` prop available and merges original OwnProps and the inferred props from `as` element.
  * Extends ForwardRefExoticComponent so ref gets the correct type.
  *
- * T should be the default element that is used for the `as`  prop.
+ * `DefaultAs` should be the default element that is used for the `as`  prop.
  *
  * @example
- * type ButtonComponent = PolymorphicForwardRefComponent<'button', ButtonOwnProps>;
- * ...
- * const Button: ButtonComponent = React.forwardRef((props, ref) => {});
+ * const Button = React.forwardRef((props, forwardedRef) => {
+ *   // ...
+ * }) as PolymorphicForwardRefComponent<'button', ButtonOwnProps>;
  */
-export interface PolymorphicForwardRefComponent<T, OwnProps = Record<string, unknown>> extends React.ForwardRefExoticComponent<Merge<T extends React.ElementType ? React.ComponentPropsWithRef<T> : never, OwnProps & {
-    as?: T;
+export interface PolymorphicForwardRefComponent<DefaultAs, OwnProps = {}> extends React.ForwardRefExoticComponent<Merge<DefaultAs extends React.ElementType ? React.ComponentPropsWithRef<DefaultAs> : never, OwnProps & {
+    as?: DefaultAs;
 }>> {
-    <As = T>(props: As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+    <As = DefaultAs>(props: As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
         as: As;
     }> : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
         as: As;

package/cjs/types/react-table-config.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { TableFilterProps } from '../core/index.js';
+import type { TableFilterProps } from '../core/Table/filters/index.js';
 declare module 'react-table' {
     type FieldType = 'text' | 'number' | 'date' | string;
     type CellRendererProps<D extends object = {}> = {

package/esm/core/Alert/Alert.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import '@itwin/itwinui-css/css/alert.css';
-import type { CommonProps } from '../utils/props.js';
-export declare type AlertProps = {
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+declare type AlertProps = {
     /**
      * Type of the alert.
      * @default 'informational'
@@ -28,7 +28,7 @@ export declare type AlertProps = {
      * Alert message text.
      */
     children: React.ReactNode;
-} & Omit<CommonProps, 'title'>;
+};
 /**
  * A small box to quickly grab user attention and communicate a brief message
  * @example
@@ -44,5 +44,5 @@ export declare type AlertProps = {
  *   This is a positive alert with a clickable text
  * </Alert>
  */
-export declare const Alert: (props: AlertProps) => JSX.Element;
+export declare const Alert: PolymorphicForwardRefComponent<"div", AlertProps>;
 export default Alert;

package/esm/core/Alert/Alert.js

@@ -5,7 +5,7 @@
 import cx from 'classnames';
 import * as React from 'react';
 import '@itwin/itwinui-css/css/alert.css';
-import { useTheme, StatusIconMap, SvgCloseSmall } from '../utils/index.js';
+import { StatusIconMap, SvgCloseSmall, Box } from '../utils/index.js';
 /**
  * A small box to quickly grab user attention and communicate a brief message
  * @example
@@ -21,17 +21,16 @@ import { useTheme, StatusIconMap, SvgCloseSmall } from '../utils/index.js';
  *   This is a positive alert with a clickable text
  * </Alert>
  */
-export const Alert = (props) => {
-    const { children, className, type = 'informational', clickableText, clickableTextProps, onClose, style, isSticky = false, ...rest } = props;
-    useTheme();
+export const Alert = React.forwardRef((props, ref) => {
+    const { children, className, type = 'informational', clickableText, clickableTextProps, onClose, isSticky = false, ...rest } = props;
     const StatusIcon = StatusIconMap[type];
-    return (React.createElement("div", { className: cx('iui-alert', className), "data-iui-status": type, "data-iui-variant": isSticky ? 'sticky' : undefined, style: style, ...rest },
+    return (React.createElement(Box, { className: cx('iui-alert', className), "data-iui-status": type, "data-iui-variant": isSticky ? 'sticky' : undefined, ref: ref, ...rest },
         React.createElement(StatusIcon, { className: 'iui-alert-icon' }),
-        React.createElement("span", { className: 'iui-alert-message' },
+        React.createElement(Box, { as: 'span', className: 'iui-alert-message' },
             children,
-            clickableText && (React.createElement("a", { ...clickableTextProps, className: cx('iui-alert-link', clickableTextProps === null || clickableTextProps === void 0 ? void 0 : clickableTextProps.className) }, clickableText))),
-        onClose && (React.createElement("button", { onClick: onClose, "aria-label": 'Close', type: 'button', className: 'iui-alert-button' },
-            React.createElement("span", { className: 'iui-alert-button-icon', "aria-hidden": true },
+            clickableText && (React.createElement(Box, { as: 'a', ...clickableTextProps, className: cx('iui-alert-link', clickableTextProps === null || clickableTextProps === void 0 ? void 0 : clickableTextProps.className) }, clickableText))),
+        onClose && (React.createElement(Box, { as: 'button', onClick: onClose, "aria-label": 'Close', type: 'button', className: 'iui-alert-button' },
+            React.createElement(Box, { as: 'span', className: 'iui-alert-button-icon', "aria-hidden": true },
                 React.createElement(SvgCloseSmall, null))))));
-};
+});
 export default Alert;

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

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

package/esm/core/Avatar/Avatar.d.ts

@@ -1,15 +1,11 @@
 /// <reference types="react" />
-import type { CommonProps } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import '@itwin/itwinui-css/css/avatar.css';
 export declare type AvatarStatus = 'online' | 'busy' | 'away' | 'offline';
-/**
- * @deprecated Since v2, this has been renamed to `AvatarStatus` (Use with `Avatar`)
- */
-export declare type UserIconStatus = AvatarStatus;
-export declare type StatusTitles = {
+declare type StatusTitles = {
     [key in Exclude<AvatarStatus, ''>]: string;
 };
-export declare type AvatarProps = {
+declare type AvatarProps = {
     /**
      * Size of an avatar.
      * @default 'small'
@@ -39,11 +35,7 @@ export declare type AvatarProps = {
      * Translated status messages shown on hover.
      */
     translatedStatusTitles?: StatusTitles;
-} & Omit<CommonProps, 'title'>;
-/**
- * @deprecated Since v2, this has been renamed to `AvatarProps` (Use with `Avatar`)
- */
-export declare type UserIconProps = AvatarProps;
+};
 export declare const defaultStatusTitles: StatusTitles;
 /**
  * Basic avatar component
@@ -60,9 +52,9 @@ export declare const defaultStatusTitles: StatusTitles;
  * <caption>X-large icon with image</caption>
  * <Avatar size='x-large' title='Terry Rivers' abbreviation='TR' backgroundColor='green' image={<img src="https://cdn.example.com/user/profile/pic.png" />}/>
  */
-export declare const Avatar: (props: AvatarProps) => JSX.Element;
+export declare const Avatar: PolymorphicForwardRefComponent<"span", AvatarProps>;
 /**
  * @deprecated Since v2, this has been renamed to `Avatar`
  */
-export declare const UserIcon: (props: AvatarProps) => JSX.Element;
+export declare const UserIcon: PolymorphicForwardRefComponent<"span", AvatarProps>;
 export default Avatar;