@itwin/itwinui-react 3.0.0-dev.12 → 3.0.0-dev.14

package/cjs/core/Tabs/Tab.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-type TabProps = {
-    /**
-     * The main label shown in the tab.
-     */
-    label?: React.ReactNode;
-    /**
-     * Secondary label shown below the main label.
-     */
-    sublabel?: React.ReactNode;
-    /**
-     * Svg icon shown before the labels.
-     */
-    startIcon?: JSX.Element;
-    /**
-     * Control whether the tab is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Custom content appended to the tab.
-     */
-    children?: React.ReactNode;
-    /**
-     * Whether the tab has active styling.
-     *
-     * This will be automatically set by the parent `Tabs` component.
-     */
-    active?: boolean;
-};
-/**
- * Individual tab component to be used in the `labels` prop of `Tabs`.
- * @example
- * const tabs = [
- *   <Tab label='Label 1' sublabel='Description 1' />,
- *   <Tab label='Label 2' startIcon={<SvgPlaceholder />} />,
- * ];
- */
-export declare const Tab: PolymorphicForwardRefComponent<"button", TabProps>;
-export default Tab;

package/cjs/core/Tabs/Tab.js

@@ -1,65 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.Tab = void 0;
-const tslib_1 = require('tslib');
-/*---------------------------------------------------------------------------------------------
- * 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 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../utils/index.js');
-/**
- * Individual tab component to be used in the `labels` prop of `Tabs`.
- * @example
- * const tabs = [
- *   <Tab label='Label 1' sublabel='Description 1' />,
- *   <Tab label='Label 2' startIcon={<SvgPlaceholder />} />,
- * ];
- */
-exports.Tab = React.forwardRef((props, forwardedRef) => {
-  const {
-    label,
-    sublabel,
-    startIcon,
-    children,
-    active = false,
-    className,
-    ...rest
-  } = props;
-  return React.createElement(
-    index_js_1.ButtonBase,
-    {
-      className: (0, classnames_1.default)(
-        'iui-tab',
-        { 'iui-active': active },
-        className,
-      ),
-      role: 'tab',
-      tabIndex: -1,
-      ref: forwardedRef,
-      ...rest,
-    },
-    !!startIcon
-      ? React.createElement(
-          index_js_1.Box,
-          { as: 'span', className: 'iui-tab-icon', 'aria-hidden': true },
-          startIcon,
-        )
-      : null,
-    label &&
-      React.createElement(
-        index_js_1.Box,
-        { as: 'span', className: 'iui-tab-label' },
-        React.createElement('div', null, label),
-        sublabel &&
-          React.createElement(
-            index_js_1.Box,
-            { className: 'iui-tab-description' },
-            sublabel,
-          ),
-      ),
-    children,
-  );
-});
-exports.default = exports.Tab;

package/esm/core/Tabs/Tab.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-type TabProps = {
-    /**
-     * The main label shown in the tab.
-     */
-    label?: React.ReactNode;
-    /**
-     * Secondary label shown below the main label.
-     */
-    sublabel?: React.ReactNode;
-    /**
-     * Svg icon shown before the labels.
-     */
-    startIcon?: JSX.Element;
-    /**
-     * Control whether the tab is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Custom content appended to the tab.
-     */
-    children?: React.ReactNode;
-    /**
-     * Whether the tab has active styling.
-     *
-     * This will be automatically set by the parent `Tabs` component.
-     */
-    active?: boolean;
-};
-/**
- * Individual tab component to be used in the `labels` prop of `Tabs`.
- * @example
- * const tabs = [
- *   <Tab label='Label 1' sublabel='Description 1' />,
- *   <Tab label='Label 2' startIcon={<SvgPlaceholder />} />,
- * ];
- */
-export declare const Tab: PolymorphicForwardRefComponent<"button", TabProps>;
-export default Tab;

package/esm/core/Tabs/Tab.js

@@ -1,57 +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 { Box, ButtonBase } from '../utils/index.js';
-/**
- * Individual tab component to be used in the `labels` prop of `Tabs`.
- * @example
- * const tabs = [
- *   <Tab label='Label 1' sublabel='Description 1' />,
- *   <Tab label='Label 2' startIcon={<SvgPlaceholder />} />,
- * ];
- */
-export const Tab = React.forwardRef((props, forwardedRef) => {
-  const {
-    label,
-    sublabel,
-    startIcon,
-    children,
-    active = false,
-    className,
-    ...rest
-  } = props;
-  return React.createElement(
-    ButtonBase,
-    {
-      className: cx('iui-tab', { 'iui-active': active }, className),
-      role: 'tab',
-      tabIndex: -1,
-      ref: forwardedRef,
-      ...rest,
-    },
-    !!startIcon
-      ? React.createElement(
-          Box,
-          { as: 'span', className: 'iui-tab-icon', 'aria-hidden': true },
-          startIcon,
-        )
-      : null,
-    label &&
-      React.createElement(
-        Box,
-        { as: 'span', className: 'iui-tab-label' },
-        React.createElement('div', null, label),
-        sublabel &&
-          React.createElement(
-            Box,
-            { className: 'iui-tab-description' },
-            sublabel,
-          ),
-      ),
-    children,
-  );
-});
-export default Tab;