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

package/cjs/core/Typography/Leading/Leading.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.Leading = 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 'leading'.
- * @example
- * <Text variant='leading' as='h3'>I'm a leading!</Text>
- */
-exports.Leading = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("h3", { ref: ref, className: (0, classnames_1.default)('iui-text-leading', 'iui-text-spacing', { 'iui-text-muted': isMuted }, className), ...rest }));
-});
-exports.default = exports.Leading;

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

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Small = 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 Small_js_1 = require("./Small.js");
-Object.defineProperty(exports, "Small", { enumerable: true, get: function () { return Small_js_1.Small; } });
-exports.default = './Small';

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

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

package/cjs/core/Typography/Subheading/Subheading.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.Subheading = 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 'subheading'.
- * @example
- * <Text variant='subheading' as='h3'>I'm a subheading!</Text>
- */
-exports.Subheading = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("h3", { ref: ref, className: (0, classnames_1.default)('iui-text-subheading', 'iui-text-spacing', { 'iui-text-muted': isMuted }, className), ...rest }));
-});
-exports.default = exports.Subheading;

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

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

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Subheading = 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 Subheading_js_1 = require("./Subheading.js");
-Object.defineProperty(exports, "Subheading", { enumerable: true, get: function () { return Subheading_js_1.Subheading; } });
-exports.default = './Subheading';

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

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

package/cjs/core/Typography/Title/Title.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.Title = 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 'title'.
- * @example
- * <Text variant='title' as='h2'>I'm a title!</Text>
- */
-exports.Title = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("h2", { ref: ref, className: (0, classnames_1.default)('iui-text-title', 'iui-text-spacing', { 'iui-text-muted': isMuted }, className), ...rest }));
-});
-exports.default = exports.Title;

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

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

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = 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 Title_js_1 = require("./Title.js");
-Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return Title_js_1.Title; } });
-exports.default = './Title';

package/cjs/core/utils/hooks/useTheme.d.ts

@@ -1,39 +0,0 @@
-import '@itwin/itwinui-css/css/global.css';
-import '@itwin/itwinui-variables/index.css';
-export declare type ThemeOptions = {
-    /**
-     * Document to which the theme will be applied.
-     * Can be specified to handle popup windows.
-     * @default document
-     *
-     * @deprecated This prop will continue to work in `useTheme` but
-     * we recommend rendering `ThemeProvider` in the correct document instead.
-     */
-    ownerDocument?: Document;
-    /**
-     * Whether to apply high-contrast versions of light and dark themes.
-     * Will default to user preference if browser supports it.
-     */
-    highContrast?: boolean;
-};
-export declare type ThemeType = 'light' | 'dark' | 'os';
-export declare type UseThemeProps = {
-    /**
-     * Theme to be applied. If not set, light theme will be used.
-     */
-    theme?: ThemeType;
-    /**
-     * Options that can be specified to override default theming behavior.
-     */
-    themeOptions?: ThemeOptions;
-};
-/**
- * Hook that conditionally applies styling and theme to all components.
- * Defaults to light theme if none provided.
- *
- * If ThemeProvider is used as an ancestor, this hook will not do anything.
- *
- * @param theme Light, dark, or based on OS setting.
- * @param themeOptions Options that override default theming behavior.
- */
-export declare const useTheme: (theme?: UseThemeProps['theme'], themeOptions?: UseThemeProps['themeOptions']) => void;

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

@@ -1,127 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = 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 React = __importStar(require("react"));
-const index_js_1 = require("../functions/index.js");
-const useIsomorphicLayoutEffect_js_1 = require("./useIsomorphicLayoutEffect.js");
-const useIsThemeAlreadySet_js_1 = require("./useIsThemeAlreadySet.js");
-require("@itwin/itwinui-css/css/global.css");
-require("@itwin/itwinui-variables/index.css");
-/**
- * Hook that conditionally applies styling and theme to all components.
- * Defaults to light theme if none provided.
- *
- * If ThemeProvider is used as an ancestor, this hook will not do anything.
- *
- * @param theme Light, dark, or based on OS setting.
- * @param themeOptions Options that override default theming behavior.
- */
-const useTheme = (theme, themeOptions) => {
-    var _a;
-    const ownerDocument = (_a = themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.ownerDocument) !== null && _a !== void 0 ? _a : (0, index_js_1.getDocument)();
-    const isThemeAlreadySet = (0, useIsThemeAlreadySet_js_1.useIsThemeAlreadySet)(ownerDocument);
-    useCorrectRootFontSize();
-    (0, useIsomorphicLayoutEffect_js_1.useIsomorphicLayoutEffect)(() => {
-        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':
-            case 'dark':
-            case 'os': {
-                return handleTheme(theme, ownerDocument, themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.highContrast);
-            }
-            default: {
-                // set light theme by default
-                if (ownerDocument.documentElement.dataset.iuiTheme == null) {
-                    return handleTheme('light', ownerDocument, themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.highContrast);
-                }
-                return;
-            }
-        }
-    }, [theme, themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.highContrast, ownerDocument]);
-};
-exports.useTheme = useTheme;
-/**
- * Helper function to apply the specified theme, or detect the OS theme.
- * Returns a cleanup function to remove the change handlers.
- */
-const handleTheme = (theme, ownerDocument, highContrast) => {
-    var _a, _b, _c, _d, _e;
-    const root = ownerDocument.documentElement;
-    const _window = (_a = ownerDocument.defaultView) !== null && _a !== void 0 ? _a : (0, index_js_1.getWindow)();
-    const applyThemeAttributes = (isDark = false, isHC = false) => {
-        root.dataset.iuiTheme = isDark ? 'dark' : 'light';
-        root.dataset.iuiContrast = isHC ? 'high' : 'default';
-    };
-    const prefersDarkQuery = (_b = _window === null || _window === void 0 ? void 0 : _window.matchMedia) === null || _b === void 0 ? void 0 : _b.call(_window, '(prefers-color-scheme: dark)');
-    const prefersHCQuery = (_c = _window === null || _window === void 0 ? void 0 : _window.matchMedia) === null || _c === void 0 ? void 0 : _c.call(_window, '(prefers-contrast: more)');
-    const changeHandler = () => {
-        const isDark = theme === 'dark' || (theme === 'os' && (prefersDarkQuery === null || prefersDarkQuery === void 0 ? void 0 : prefersDarkQuery.matches));
-        const isHC = highContrast !== null && highContrast !== void 0 ? highContrast : prefersHCQuery === null || prefersHCQuery === void 0 ? void 0 : prefersHCQuery.matches;
-        applyThemeAttributes(isDark, isHC);
-    };
-    // call handler once to set initial theme
-    changeHandler();
-    // add listeners in supported browsers
-    (_d = prefersDarkQuery === null || prefersDarkQuery === void 0 ? void 0 : prefersDarkQuery.addEventListener) === null || _d === void 0 ? void 0 : _d.call(prefersDarkQuery, 'change', changeHandler);
-    (_e = prefersHCQuery === null || prefersHCQuery === void 0 ? void 0 : prefersHCQuery.addEventListener) === null || _e === void 0 ? void 0 : _e.call(prefersHCQuery, 'change', changeHandler);
-    // return cleanup function to remove event listeners (should be returned from useEffect)
-    return () => {
-        var _a, _b;
-        (_a = prefersDarkQuery === null || prefersDarkQuery === void 0 ? void 0 : prefersDarkQuery.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(prefersDarkQuery, 'change', changeHandler);
-        (_b = prefersHCQuery === null || prefersHCQuery === void 0 ? void 0 : prefersHCQuery.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(prefersHCQuery, 'change', changeHandler);
-    };
-};
-let didLogWarning = false;
-let isDev = false;
-// wrapping in try-catch because process might be undefined
-try {
-    isDev = process.env.NODE_ENV !== 'production';
-}
-catch (_a) { }
-/** Shows console error if the page changes the root font size */
-const useCorrectRootFontSize = () => {
-    React.useEffect(() => {
-        if (isDev && !didLogWarning) {
-            const rootFontSize = parseInt(getComputedStyle(document.documentElement).fontSize);
-            if (rootFontSize < 16) {
-                console.error('Root font size must not be overridden. \nSee https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#relative-font-size');
-                didLogWarning = true;
-            }
-        }
-    }, []);
-};

package/esm/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/esm/core/Typography/Body/Body.js

@@ -1,22 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import cx from 'classnames';
-import * as React from 'react';
-import { useTheme } from '../../utils/index.js';
-import '@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>
- */
-export const Body = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, isSkeleton = false, ...rest } = props;
-    useTheme();
-    return (React.createElement("p", { ref: ref, className: cx('iui-text-block', 'iui-text-spacing', {
-            'iui-text-muted': isMuted,
-            'iui-skeleton': isSkeleton,
-        }, className), ...rest }));
-});
-export default Body;

package/esm/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/esm/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/esm/core/Typography/Headline/Headline.js

@@ -1,19 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import cx from 'classnames';
-import * as React from 'react';
-import { useTheme } from '../../utils/index.js';
-import '@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>
- */
-export const Headline = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, ...rest } = props;
-    useTheme();
-    return (React.createElement("h1", { ref: ref, className: cx('iui-text-headline', 'iui-text-spacing', { 'iui-text-muted': isMuted }, className), ...rest }));
-});
-export default Headline;

package/esm/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/esm/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;

package/esm/core/Typography/Leading/Leading.js

@@ -1,19 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import cx from 'classnames';
-import * as React from 'react';
-import { useTheme } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/text.css';
-/**
- * @deprecated Since v2, use `Text` with variant 'leading'.
- * @example
- * <Text variant='leading' as='h3'>I'm a leading!</Text>
- */
-export const Leading = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, ...rest } = props;
-    useTheme();
-    return (React.createElement("h3", { ref: ref, className: cx('iui-text-leading', 'iui-text-spacing', { 'iui-text-muted': isMuted }, className), ...rest }));
-});
-export default Leading;

package/esm/core/Typography/Leading/index.d.ts

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

package/esm/core/Typography/Small/Small.d.ts

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

package/esm/core/Typography/Small/Small.js

@@ -1,19 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import cx from 'classnames';
-import * as React from 'react';
-import { useTheme } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/text.css';
-/**
- * @deprecated Since v2, use `Text` with variant 'small'.
- * @example
- * <Text variant='small' as='small'>I'm some small text!</Text>
- */
-export const Small = React.forwardRef((props, ref) => {
-    const { className, isMuted = false, ...rest } = props;
-    useTheme();
-    return (React.createElement("small", { ref: ref, className: cx('iui-text-small', { 'iui-text-muted': isMuted }, className), ...rest }));
-});
-export default Small;