@itwin/itwinui-react 2.11.5 → 3.0.0-dev.1

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/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/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/functions/styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns translate values as an array of a given element.
- * @param element HTML element you want to get translate value of
- * @returns Translate values in pixels in an array `[translateX, translateY]`
- */
-export declare const getTranslateValues: (element: HTMLElement | null | undefined) => number[];

package/cjs/core/utils/functions/styles.js

@@ -1,21 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTranslateValues = void 0;
-/**
- * Returns translate values as an array of a given element.
- * @param element HTML element you want to get translate value of
- * @returns Translate values in pixels in an array `[translateX, translateY]`
- */
-const getTranslateValues = (element) => {
-    if (!element) {
-        return [];
-    }
-    const transformValue = getComputedStyle(element).getPropertyValue('transform');
-    const matrix = new DOMMatrix(transformValue);
-    return [matrix.m41, matrix.m42];
-};
-exports.getTranslateValues = getTranslateValues;

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;