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

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

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgCloseSmall = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgColumnManager.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgColumnManager = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(Svg, { ...props },
         React.createElement("path", { d: 'm1 0h2v16h-2m6-16h2v16h-2m6-16h2v16h-2' })));
 };

package/esm/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/esm/core/utils/icons/SvgDocument.js

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

package/esm/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/esm/core/utils/icons/SvgFilter.js

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

package/esm/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/esm/core/utils/icons/SvgFilterHollow.js

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

package/esm/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/esm/core/utils/icons/SvgImportantSmall.js

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

package/esm/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/esm/core/utils/icons/SvgInfoCircular.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgInfoCircular = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgMore.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgMore = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgMoreVertical.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgMoreVertical = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgNew.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgNew = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgSearch.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgSearch = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgSmileyHappy.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgSmileyHappy = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgSortDown.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgSortDown = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgSortUp.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgSortUp = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgStatusError.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgStatusError = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgStatusSuccess.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgStatusSuccess = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgStatusWarning.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgStatusWarning = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgSwap.js

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import { Svg } from './Svg.js';
 export const SvgSwap = (props) => {
-    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+    return (React.createElement(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' })));
 };

package/esm/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/esm/core/utils/icons/SvgUpload.js

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

package/esm/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/esm/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "2.11.3",
+  "version": "3.0.0-dev.0",
   "author": "Bentley Systems",
   "license": "MIT",
   "main": "cjs/index.js",
@@ -67,7 +67,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.11.1",
+    "@itwin/itwinui-css": "^2.0.0-dev.0",
     "@itwin/itwinui-illustrations-react": "^2.0.0",
     "@itwin/itwinui-variables": "^2.0.0",
     "@tippyjs/react": "^4.2.6",

package/cjs/core/Typography/Body/Body.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import '@itwin/itwinui-css/css/text.css';
-/**
- * @deprecated Since v2, use `Text` with variant 'body'.
- */
-export declare type BodyProps = {
-    /**
-     * Set text to muted.
-     * @default false
-     */
-    isMuted?: boolean;
-    /**
-     * Use it if you are still loading the content.
-     * @default false
-     */
-    isSkeleton?: boolean;
-} & React.HTMLAttributes<HTMLParagraphElement>;
-/**
- * @deprecated Since v2, use `Text` with variant 'body'.
- * @example
- * <Text variant='body' as='p'>I'm some body text!</Text>
- */
-export declare const Body: React.ForwardRefExoticComponent<{
-    /**
-     * Set text to muted.
-     * @default false
-     */
-    isMuted?: boolean | undefined;
-    /**
-     * Use it if you are still loading the content.
-     * @default false
-     */
-    isSkeleton?: boolean | undefined;
-} & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export default Body;

package/cjs/core/Typography/Body/Body.js

@@ -1,51 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Body = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/text.css");
-/**
- * @deprecated Since v2, use `Text` with variant 'body'.
- * @example
- * <Text variant='body' as='p'>I'm some body text!</Text>
- */
-exports.Body = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, isSkeleton = false, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("p", { ref: ref, className: (0, classnames_1.default)('iui-text-block', 'iui-text-spacing', {
-            'iui-text-muted': isMuted,
-            'iui-skeleton': isSkeleton,
-        }, className), ...rest }));
-});
-exports.default = exports.Body;

package/cjs/core/Typography/Body/index.d.ts

@@ -1,4 +0,0 @@
-export { Body } from './Body.js';
-export type { BodyProps } from './Body.js';
-declare const _default: "./Body";
-export default _default;

package/cjs/core/Typography/Headline/Headline.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import '@itwin/itwinui-css/css/text.css';
-export declare type HeadlineProps = {
-    /**
-     * Set text to muted.
-     * @default false
-     */
-    isMuted?: boolean;
-} & React.HTMLAttributes<HTMLHeadingElement>;
-/**
- * @deprecated Since v2, use `Text` with variant 'headline'.
- * @example
- * <Text variant='headline' as='h1'>I'm a headline!</Text>
- */
-export declare const Headline: React.ForwardRefExoticComponent<{
-    /**
-     * Set text to muted.
-     * @default false
-     */
-    isMuted?: boolean | undefined;
-} & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-export default Headline;

package/cjs/core/Typography/Headline/Headline.js

@@ -1,48 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Headline = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/text.css");
-/**
- * @deprecated Since v2, use `Text` with variant 'headline'.
- * @example
- * <Text variant='headline' as='h1'>I'm a headline!</Text>
- */
-exports.Headline = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("h1", { ref: ref, className: (0, classnames_1.default)('iui-text-headline', 'iui-text-spacing', { 'iui-text-muted': isMuted }, className), ...rest }));
-});
-exports.default = exports.Headline;

package/cjs/core/Typography/Headline/index.d.ts

@@ -1,4 +0,0 @@
-export { Headline } from './Headline.js';
-export type { HeadlineProps } from './Headline.js';
-declare const _default: "./Headline";
-export default _default;

package/cjs/core/Typography/Headline/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Headline = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-var Headline_js_1 = require("./Headline.js");
-Object.defineProperty(exports, "Headline", { enumerable: true, get: function () { return Headline_js_1.Headline; } });
-exports.default = './Headline';

package/cjs/core/Typography/Leading/Leading.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import '@itwin/itwinui-css/css/text.css';
-export declare type LeadingProps = {
-    /**
-     * Set text to muted.
-     * @default false
-     */
-    isMuted?: boolean;
-} & React.HTMLAttributes<HTMLHeadingElement>;
-/**
- * @deprecated Since v2, use `Text` with variant 'leading'.
- * @example
- * <Text variant='leading' as='h3'>I'm a leading!</Text>
- */
-export declare const Leading: React.ForwardRefExoticComponent<{
-    /**
-     * Set text to muted.
-     * @default false
-     */
-    isMuted?: boolean | undefined;
-} & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-export default Leading;