@itwin/core-react 4.17.6 → 5.0.0-dev.3

package/lib/core-react/style/themecolors.scss

@@ -0,0 +1,133 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+// cspell:ignore scrollbar titlebar toolbutton outoffocus boxshadow mediumgray
+
+$buic-background-1: var(--buic-background-1);
+$buic-background-2: var(--buic-background-2);
+$buic-background-3: var(--buic-background-3);
+$buic-background-4: var(--buic-background-4);
+$buic-background-5: var(--buic-background-5);
+
+/* Backgrounds and strokes */
+$buic-background-primary: var(--buic-background-primary);
+$buic-background-scrollbar: var(--buic-background-scrollbar);
+$buic-background-scrollbar-hover: var(--buic-background-scrollbar-hover);
+
+$buic-background-titlebar: var(--buic-background-titlebar);
+$buic-background-dialog-stroke: var(--buic-background-dialog-stroke);
+$buic-background-widget-stroke: var(--buic-background-widget-stroke);
+$buic-background-widget-panel: var(--buic-background-widget-panel);
+$buic-background-panel-stroke: var(--buic-background-panel-stroke);
+$buic-background-tooltip: var(--buic-background-tooltip);
+$buic-background-statusbar: var(--buic-background-statusbar);
+$buic-background-control-stroke: var(--buic-background-control-stroke);
+$buic-background-toolbutton-stroke: var(--buic-background-toolbutton-stroke);
+
+$buic-background-titlebar-outoffocus: var(
+  --buic-background-titlebar-outoffocus
+);
+$buic-background-divider: var(--buic-background-divider);
+$buic-background-widget-element-stroke: var(
+  --buic-background-widget-element-stroke
+);
+$buic-background-control-disabled: var(--buic-background-control-disabled);
+$buic-background-table-header: var(--buic-background-table-header);
+$buic-background-control-stroke-disabled: var(
+  --buic-background-control-stroke-disabled
+);
+
+$buic-background-tab-inactive: var(--buic-background-tab-inactive);
+$buic-background-toolbutton-inactive: var(
+  --buic-background-toolbutton-inactive
+);
+$buic-background-context-menu: var(--buic-background-context-menu);
+$buic-background-panel: var(--buic-background-panel);
+$buic-background-placeholder: var(--buic-background-placeholder);
+$buic-background-striped_row: var(--buic-background-striped_row);
+
+$buic-background-tab-active: var(--buic-background-tab-active);
+$buic-background-dialog: var(--buic-background-dialog);
+$buic-background-widget: var(--buic-background-widget);
+$buic-background-window: var(--buic-background-window);
+$buic-background-toolbar: var(--buic-background-toolbar);
+
+$buic-background-card: var(--buic-background-card);
+$buic-background-control: var(--buic-background-control);
+
+$buic-background-focus-overlay: var(--buic-background-focus-overlay);
+$buic-background-hover-overlay: var(--buic-background-hover-overlay);
+$buic-background-active-overlay: var(--buic-background-active-overlay);
+$buic-background-pressed-overlay: var(--buic-background-pressed-overlay);
+
+/** Text and icons */
+$buic-foreground-body-rgb: var(--buic-foreground-body-rgb);
+$buic-foreground-body-reverse-rgb: var(--buic-foreground-body-reverse-rgb);
+
+$buic-foreground-body: var(--buic-foreground-body);
+$buic-foreground-body-reverse: var(--buic-foreground-body-reverse);
+$buic-foreground-disabled: var(--buic-foreground-disabled);
+$buic-foreground-muted: var(--buic-foreground-muted);
+$buic-foreground-activehover: var(--buic-foreground-activehover);
+
+$buic-text-color: var(--buic-foreground-body); // 0.85 opacity
+$buic-text-color-disabled: var(
+  --buic-foreground-disabled
+); // 0.45 opacity (Note: 0.25 is too much)
+$buic-text-color-muted: var(--buic-foreground-muted); // 0.65 opacity
+$buic-text-color-reverse: var(--buic-foreground-body-reverse); // 0.85 opacity
+$buic-text-color-hover: var(--buic-foreground-activehover); // 1.00 opacity
+$buic-text-color-highlight: var(--buic-foreground-primary); // themed
+
+$buic-icon-color: var(--buic-foreground-body);
+$buic-icon-color-disabled: var(--buic-foreground-disabled);
+$buic-icon-color-reverse: var(--buic-foreground-body-reverse);
+
+$buic-background-editable: var(--buic-background-editable);
+$buic-row-selection: var(--buic-row-selection);
+$buic-row-hover: var(--buic-row-hover);
+
+$buic-button-gradient1: var(--buic-button-gradient1);
+$buic-button-gradient2: var(--buic-button-gradient2);
+
+$buic-foreground-focus-border: var(--buic-foreground-focus-border);
+$buic-inputs-border: var(--buic-inputs-border);
+$buic-focus-boxshadow: var(--buic-focus-boxshadow);
+$buic-inputs-boxshadow: var(--buic-inputs-boxshadow);
+$buic-popup-boxshadow: var(--buic-popup-boxshadow);
+
+/** Themed colors */
+$buic-foreground-accessory: var(--buic-foreground-accessory);
+$buic-foreground-primary-rgb: var(--buic-foreground-primary-rgb);
+$buic-foreground-primary: var(--buic-foreground-primary);
+$buic-foreground-primary-tone: var(--buic-foreground-primary-tone);
+$buic-foreground-positive: var(--buic-foreground-positive);
+$buic-foreground-positive-rgb: var(--buic-foreground-positive-rgb);
+$buic-foreground-success: var(--buic-foreground-positive);
+$buic-foreground-negative: var(--buic-foreground-negative);
+$buic-foreground-negative-rgb: var(--buic-foreground-negative-rgb);
+$buic-foreground-alert: var(--buic-foreground-negative);
+$buic-foreground-error: var(--buic-foreground-negative);
+$buic-foreground-warning: var(--buic-foreground-warning);
+$buic-foreground-warning-rgb: var(--buic-foreground-warning-rgb);
+$buic-foreground-focus: var(--buic-foreground-focus);
+
+/** Static colors */
+// NEEDSWORK - Need to deprecate
+$buic-accessory-hollow: var(--buic-accessory-hollow);
+$buic-accessory-primary: var(--buic-accessory-primary);
+$buic-accessory-success: var(--buic-accessory-success);
+$buic-accessory-alert: var(--buic-accessory-alert);
+$buic-accessory-warning: var(--buic-accessory-warning);
+$buic-accessory-primary-tint: var(--buic-accessory-primary-tint);
+$buic-accessory-success-tint: var(--buic-accessory-success-tint);
+$buic-accessory-alert-tint: var(--buic-accessory-alert-tint);
+$buic-accessory-warning-tint: var(--buic-accessory-warning-tint);
+
+/** Widget Opacity */
+$buic-widget-opacity: var(--buic-widget-opacity, 0.9);
+
+/** Toolbar Opacity */
+$buic-toolbar-opacity: var(--buic-toolbar-opacity, 0.5);

package/lib/core-react/tabs/Tabs.d.ts

@@ -0,0 +1,69 @@
+/** @packageDocumentation
+ * @module Tabs
+ */
+import * as React from "react";
+import type { CommonProps } from "../utils/Props.js";
+import { Orientation } from "../enums/Orientation.js";
+/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element
+ *  to support react-tooltip component or a string that will be use to set the title property.
+ * @public
+ * @deprecated in 4.12.0. Interface used in a deprecated component {@link Tabs}.
+ */
+export interface TabLabel {
+    label: string;
+    subLabel?: string;
+    icon?: string | React.ReactElement;
+    tabId: string;
+    /** tooltip allows React.ReactElement to support styled tooltips like react-tooltip. */
+    tooltip?: string | React.ReactElement;
+    disabled?: boolean;
+}
+/** Properties for the [[VerticalTabs]] component
+ * @public
+ * @deprecated in 4.12.0. Props of deprecated component {@link Tabs}.
+ */
+export interface TabsProps extends React.AllHTMLAttributes<HTMLUListElement>, CommonProps {
+    /** Text shown for each tab */
+    labels: Array<string | TabLabel>;
+    /** Handler for activating a tab */
+    onActivateTab?: (index: number) => any;
+    /** Index of the initial active tab */
+    activeIndex?: number;
+    /** Indicates whether the bar on the active tab is green instead of the default blue */
+    green?: boolean;
+}
+interface TabsState {
+    activeIndex: number;
+}
+/** Properties for the base [[Tabs]] component
+ * @public
+ * @deprecated in 4.12.0. Props of deprecated component {@link Tabs}.
+ */
+export interface MainTabsProps extends TabsProps {
+    /** Main CSS class name */
+    mainClassName: string;
+    /** Orientation of the Tabs list */
+    orientation: Orientation;
+}
+/** Tabs meant to represent the current position in a page/section
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/tabs iTwinUI Tabs} instead.
+ */
+export declare class Tabs extends React.PureComponent<MainTabsProps, TabsState> {
+    private _anchorRefs;
+    private _itemKeyboardNavigator;
+    constructor(props: MainTabsProps);
+    private validateActiveIndex;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: MainTabsProps): void;
+    private _handleFocusItem;
+    private _handleTabClick;
+    /** Handle keydown on tabs */
+    private _handleKeyDownEvent;
+    /** Handle keyup on tabs */
+    private _handleKeyUpEvent;
+    private _activateTab;
+    render(): React.ReactElement;
+}
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/lib/core-react/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/core-react/tabs/Tabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtD;;;;GAIG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACnC,KAAK,EAAE,MAAM,CAAoE;IACjF,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,WAAW;IACb,8BAA8B;IAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC;IACjC,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,SAAS;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;;GAGG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,WAAW,CAAiD;IACpE,OAAO,CAAC,sBAAsB,CAAwB;gBAE1C,KAAK,EAAE,aAAa;IAiBhC,OAAO,CAAC,mBAAmB;IAMX,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,EAAE,aAAa;IAyB3D,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,6BAA6B;IAC7B,OAAO,CAAC,mBAAmB;IAI3B,2BAA2B;IAC3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY,CAGlB;IAEc,MAAM,IAAI,KAAK,CAAC,YAAY;CAwF7C"}

package/lib/core-react/tabs/Tabs.js

@@ -0,0 +1,117 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tabs
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Orientation } from "../enums/Orientation.js";
+import { ItemKeyboardNavigator } from "../focus/ItemKeyboardNavigator.js";
+import { IconHelper } from "../utils/IconHelper.js";
+function isTabLabelWithIcon(item) {
+    return typeof item !== "string" && !!item.icon;
+}
+function isTabLabel(item) {
+    return typeof item !== "string";
+}
+/** Tabs meant to represent the current position in a page/section
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/tabs iTwinUI Tabs} instead.
+ */
+export class Tabs extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._anchorRefs = [];
+        this._handleFocusItem = (index) => {
+            const itemRef = this._anchorRefs[index];
+            if (itemRef && itemRef.current)
+                itemRef.current.focus();
+        };
+        this._handleTabClick = (index) => {
+            this._activateTab(index);
+        };
+        this._activateTab = (index) => {
+            this.props.onActivateTab && this.props.onActivateTab(index);
+            this.setState({ activeIndex: index });
+        };
+        const activeIndex = this.validateActiveIndex(props.activeIndex);
+        this.state = {
+            activeIndex,
+        };
+        props.labels.forEach(() => this._anchorRefs.push(React.createRef()));
+        this._itemKeyboardNavigator = new ItemKeyboardNavigator(this._handleFocusItem, this._activateTab);
+    }
+    validateActiveIndex(idx) {
+        let activeIndex = 0;
+        if (idx && idx >= 0 && idx < this.props.labels.length)
+            activeIndex = idx;
+        return activeIndex;
+    }
+    componentDidMount() {
+        this._itemKeyboardNavigator.itemCount = this.props.labels.length;
+        this._itemKeyboardNavigator.orientation = this.props.orientation;
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.labels !== this.props.labels)
+            this._itemKeyboardNavigator.itemCount = this.props.labels.length;
+        if (prevProps.orientation !== this.props.orientation)
+            this._itemKeyboardNavigator.orientation = this.props.orientation;
+        if (prevProps.activeIndex !== this.props.activeIndex) {
+            let hadFocus = false;
+            const element = this._anchorRefs[this.state.activeIndex].current;
+            if (element && document.activeElement === element)
+                hadFocus = true;
+            const activeIndex = this.validateActiveIndex(this.props.activeIndex);
+            this.setState(() => ({ activeIndex }), () => {
+                if (hadFocus) {
+                    const newElement = this._anchorRefs[activeIndex].current;
+                    if (newElement)
+                        newElement.focus();
+                }
+            });
+        }
+    }
+    /** Handle keydown on tabs */
+    _handleKeyDownEvent(event, index) {
+        this._itemKeyboardNavigator.handleKeyDownEvent(event, index);
+    }
+    /** Handle keyup on tabs */
+    _handleKeyUpEvent(event, index) {
+        this._itemKeyboardNavigator.handleKeyUpEvent(event, index);
+    }
+    render() {
+        const ulClassNames = classnames(this.props.mainClassName, this.props.green && "uicore-tabs-green", this.props.className);
+        const anyIconsPresent = this.props.labels.reduce((a, b) => a + (isTabLabelWithIcon(b) ? 1 : 0), 0) > 0;
+        return (React.createElement("ul", { className: ulClassNames, style: this.props.style, role: "tablist", "aria-orientation": this.props.orientation === Orientation.Vertical
+                ? "vertical"
+                : "horizontal" }, this.props.labels.map((label, index) => {
+            let disabled;
+            let tooltipElement;
+            let title;
+            let subLabel;
+            let tabId = "";
+            let icon;
+            if (isTabLabel(label)) {
+                icon = IconHelper.getIconReactNode(label.icon);
+                subLabel = label.subLabel;
+                disabled = label.disabled;
+                tabId = label.tabId;
+                if (React.isValidElement(label.tooltip))
+                    tooltipElement = label.tooltip;
+                else if (typeof label.tooltip === "string")
+                    title = label.tooltip;
+            }
+            return (React.createElement("li", { key: index, title: title, className: classnames(index === this.state.activeIndex && "core-active", disabled && "core-tab-item-disabled"), role: "tab", "aria-selected": index === this.state.activeIndex, "data-for": `${tabId}` },
+                tooltipElement,
+                React.createElement("a", { ref: this._anchorRefs[index], tabIndex: index === this.state.activeIndex ? 0 : -1, onClick: () => this._handleTabClick(index), onKeyDown: (event) => this._handleKeyDownEvent(event, index), onKeyUp: (event) => this._handleKeyUpEvent(event, index), "data-testid": `${tabId}`, role: "button" },
+                    React.createElement("div", { className: classnames("uicore-tabs-inline-label", disabled && "core-tab-item-disabled") },
+                        anyIconsPresent && (React.createElement("span", { className: "uicore-tabs-icon" }, icon)),
+                        React.createElement("div", { className: "uicore-tabs-label-subLabel-container" },
+                            React.createElement("span", null, typeof label === "string" ? label : label.label),
+                            subLabel && (React.createElement("span", { className: "uicore-tabs-subLabel" }, subLabel)))))));
+        })));
+    }
+}
+//# sourceMappingURL=Tabs.js.map

package/lib/core-react/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/core-react/tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tabs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\nimport { Orientation } from \"../enums/Orientation.js\";\nimport { ItemKeyboardNavigator } from \"../focus/ItemKeyboardNavigator.js\";\nimport { IconHelper } from \"../utils/IconHelper.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element\n *  to support react-tooltip component or a string that will be use to set the title property.\n * @public\n * @deprecated in 4.12.0. Interface used in a deprecated component {@link Tabs}.\n */\nexport interface TabLabel {\n  label: string;\n  subLabel?: string;\n  icon?: string | React.ReactElement;\n  tabId: string /* optional id added to tab so it can be used by react-tooltip  */;\n  /** tooltip allows React.ReactElement to support styled tooltips like react-tooltip. */\n  tooltip?: string | React.ReactElement;\n  disabled?: boolean;\n}\n\nfunction isTabLabelWithIcon(item: string | TabLabel): item is TabLabel {\n  return typeof item !== \"string\" && !!item.icon;\n}\n\nfunction isTabLabel(item: string | TabLabel): item is TabLabel {\n  return typeof item !== \"string\";\n}\n\n/** Properties for the [[VerticalTabs]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Tabs}.\n */\nexport interface TabsProps\n  extends React.AllHTMLAttributes<HTMLUListElement>,\n    CommonProps {\n  /** Text shown for each tab */\n  labels: Array<string | TabLabel>;\n  /** Handler for activating a tab */\n  onActivateTab?: (index: number) => any;\n  /** Index of the initial active tab */\n  activeIndex?: number;\n  /** Indicates whether the bar on the active tab is green instead of the default blue */\n  green?: boolean;\n}\n\ninterface TabsState {\n  activeIndex: number;\n}\n\n/** Properties for the base [[Tabs]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Tabs}.\n */\nexport interface MainTabsProps extends TabsProps {\n  /** Main CSS class name */\n  mainClassName: string;\n  /** Orientation of the Tabs list */\n  orientation: Orientation;\n}\n\n/** Tabs meant to represent the current position in a page/section\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/tabs iTwinUI Tabs} instead.\n */\nexport class Tabs extends React.PureComponent<MainTabsProps, TabsState> {\n  private _anchorRefs: Array<React.RefObject<HTMLAnchorElement>> = [];\n  private _itemKeyboardNavigator: ItemKeyboardNavigator;\n\n  constructor(props: MainTabsProps) {\n    super(props);\n\n    const activeIndex = this.validateActiveIndex(props.activeIndex);\n    this.state = {\n      activeIndex,\n    };\n\n    props.labels.forEach(() =>\n      this._anchorRefs.push(React.createRef<HTMLAnchorElement>())\n    );\n    this._itemKeyboardNavigator = new ItemKeyboardNavigator(\n      this._handleFocusItem,\n      this._activateTab\n    );\n  }\n\n  private validateActiveIndex(idx?: number): number {\n    let activeIndex = 0;\n    if (idx && idx >= 0 && idx < this.props.labels.length) activeIndex = idx;\n    return activeIndex;\n  }\n\n  public override componentDidMount() {\n    this._itemKeyboardNavigator.itemCount = this.props.labels.length;\n    this._itemKeyboardNavigator.orientation = this.props.orientation;\n  }\n\n  public override componentDidUpdate(prevProps: MainTabsProps) {\n    if (prevProps.labels !== this.props.labels)\n      this._itemKeyboardNavigator.itemCount = this.props.labels.length;\n\n    if (prevProps.orientation !== this.props.orientation)\n      this._itemKeyboardNavigator.orientation = this.props.orientation;\n\n    if (prevProps.activeIndex !== this.props.activeIndex) {\n      let hadFocus = false;\n      const element = this._anchorRefs[this.state.activeIndex].current;\n      if (element && document.activeElement === element) hadFocus = true;\n      const activeIndex = this.validateActiveIndex(this.props.activeIndex);\n\n      this.setState(\n        () => ({ activeIndex }),\n        () => {\n          if (hadFocus) {\n            const newElement = this._anchorRefs[activeIndex].current;\n            if (newElement) newElement.focus();\n          }\n        }\n      );\n    }\n  }\n\n  private _handleFocusItem = (index: number) => {\n    const itemRef = this._anchorRefs[index];\n    if (itemRef && itemRef.current) itemRef.current.focus();\n  };\n\n  private _handleTabClick = (index: number) => {\n    this._activateTab(index);\n  };\n\n  /** Handle keydown on tabs */\n  private _handleKeyDownEvent(event: React.KeyboardEvent, index: number) {\n    this._itemKeyboardNavigator.handleKeyDownEvent(event, index);\n  }\n\n  /** Handle keyup on tabs */\n  private _handleKeyUpEvent(event: React.KeyboardEvent, index: number) {\n    this._itemKeyboardNavigator.handleKeyUpEvent(event, index);\n  }\n\n  private _activateTab = (index: number) => {\n    this.props.onActivateTab && this.props.onActivateTab(index);\n    this.setState({ activeIndex: index });\n  };\n\n  public override render(): React.ReactElement {\n    const ulClassNames = classnames(\n      this.props.mainClassName,\n      this.props.green && \"uicore-tabs-green\",\n      this.props.className\n    );\n\n    const anyIconsPresent =\n      this.props.labels.reduce(\n        (a, b) => a + (isTabLabelWithIcon(b) ? 1 : 0),\n        0\n      ) > 0;\n\n    return (\n      <ul\n        className={ulClassNames}\n        style={this.props.style}\n        role=\"tablist\"\n        aria-orientation={\n          this.props.orientation === Orientation.Vertical\n            ? \"vertical\"\n            : \"horizontal\"\n        }\n      >\n        {this.props.labels.map((label, index) => {\n          let disabled;\n          let tooltipElement: React.ReactElement | undefined;\n          let title: string | undefined;\n          let subLabel: string | undefined;\n          let tabId = \"\";\n          let icon;\n          if (isTabLabel(label)) {\n            icon = IconHelper.getIconReactNode(label.icon);\n            subLabel = label.subLabel;\n            disabled = label.disabled;\n            tabId = label.tabId;\n            if (React.isValidElement(label.tooltip))\n              tooltipElement = label.tooltip;\n            else if (typeof label.tooltip === \"string\") title = label.tooltip;\n          }\n          return (\n            <li\n              key={index}\n              title={title}\n              className={classnames(\n                index === this.state.activeIndex && \"core-active\",\n                disabled && \"core-tab-item-disabled\"\n              )}\n              role=\"tab\"\n              aria-selected={index === this.state.activeIndex}\n              data-for={`${tabId}`} /* to support react-tooltip */\n            >\n              {tooltipElement}\n              {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n              <a\n                ref={this._anchorRefs[index]}\n                tabIndex={index === this.state.activeIndex ? 0 : -1}\n                onClick={() => this._handleTabClick(index)}\n                onKeyDown={(event) => this._handleKeyDownEvent(event, index)}\n                onKeyUp={(event) => this._handleKeyUpEvent(event, index)}\n                data-testid={`${tabId}`}\n                role=\"button\"\n              >\n                <div\n                  className={classnames(\n                    \"uicore-tabs-inline-label\",\n                    disabled && \"core-tab-item-disabled\"\n                  )}\n                >\n                  {anyIconsPresent && (\n                    <span className=\"uicore-tabs-icon\">{icon}</span>\n                  )}\n                  <div className=\"uicore-tabs-label-subLabel-container\">\n                    <span>\n                      {typeof label === \"string\" ? label : label.label}\n                    </span>\n                    {subLabel && (\n                      <span className=\"uicore-tabs-subLabel\">{subLabel}</span>\n                    )}\n                  </div>\n                </div>\n              </a>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n}\n"]}

package/lib/core-react/tabs/VerticalTabs.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Tabs
+ */
+import * as React from "react";
+import type { TabsProps } from "./Tabs.js";
+/** Vertical tabs meant to represent the current position in a page/section
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/tabs#vertical iTwinUI Tabs} instead.
+ */
+export declare function VerticalTabs(props: TabsProps): React.JSX.Element;
+//# sourceMappingURL=VerticalTabs.d.ts.map

package/lib/core-react/tabs/VerticalTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.d.ts","sourceRoot":"","sources":["../../../src/core-react/tabs/VerticalTabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAM3C;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,qBAQ5C"}

package/lib/core-react/tabs/VerticalTabs.js

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tabs
+ */
+import * as React from "react";
+import { Tabs } from "./Tabs.js";
+import { Orientation } from "../enums/Orientation.js";
+/* eslint-disable deprecation/deprecation */
+/** Vertical tabs meant to represent the current position in a page/section
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/tabs#vertical iTwinUI Tabs} instead.
+ */
+export function VerticalTabs(props) {
+    return (React.createElement(Tabs, { mainClassName: "uicore-tabs-vertical", orientation: Orientation.Vertical, ...props }));
+}
+//# sourceMappingURL=VerticalTabs.js.map

package/lib/core-react/tabs/VerticalTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.js","sourceRoot":"","sources":["../../../src/core-react/tabs/VerticalTabs.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC3C,OAAO,CACL,oBAAC,IAAI,IACH,aAAa,EAAC,sBAAsB,EACpC,WAAW,EAAE,WAAW,CAAC,QAAQ,KAC7B,KAAK,GACT,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tabs\n */\n\nimport * as React from \"react\";\nimport type { TabsProps } from \"./Tabs.js\";\nimport { Tabs } from \"./Tabs.js\";\nimport { Orientation } from \"../enums/Orientation.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Vertical tabs meant to represent the current position in a page/section\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/tabs#vertical iTwinUI Tabs} instead.\n */\nexport function VerticalTabs(props: TabsProps) {\n  return (\n    <Tabs\n      mainClassName=\"uicore-tabs-vertical\"\n      orientation={Orientation.Vertical}\n      {...props}\n    />\n  );\n}\n"]}

package/lib/core-react/tabs/classes.scss

@@ -0,0 +1,9 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "./index" as *;
+
+.uicore-tabs-vertical {
+  @include uicore-tabs-vertical;
+}

package/lib/core-react/tabs/index.scss

@@ -0,0 +1,5 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@forward "./vertical";

package/lib/core-react/tabs/tabs.scss

@@ -0,0 +1,99 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "../style/baseline";
+@use "../icons/variables";
+
+@forward "../style/index";
+@forward "../icons/variables";
+
+@mixin uicore-tabs {
+  display: block;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  border: none;
+  outline: none;
+
+  > li {
+    display: block;
+    position: relative;
+    padding: 0;
+    margin: 0;
+
+    &.core-tab-item-disabled {
+      pointer-events: none;
+    }
+
+    > a {
+      display: block;
+      position: relative;
+      padding: baseline.$uicore-bordered-padding
+        calc(var(--iui-font-size-1) - 1px) baseline.$uicore-unbordered-padding;
+      margin: 0;
+      line-height: var(--iui-size-l);
+      color: var(--iui-color-text);
+      cursor: pointer;
+
+      .uicore-tabs-inline-label {
+        &.core-tab-item-disabled {
+          color: var(--iui-color-text-disabled);
+
+          .uicore-tabs-subLabel {
+            color: var(--iui-color-text-disabled);
+          }
+        }
+
+        .uicore-tabs-icon {
+          width: (variables.$uicore-icons-small + 12px);
+          height: (variables.$uicore-icons-small + 12px);
+          display: flex;
+          align-items: center;
+        }
+      }
+
+      &::after {
+        content: "";
+        position: absolute;
+        z-index: 1;
+        transition: all var(--iui-duration-1);
+        top: 0;
+        right: 0;
+        background: var(--iui-color-border-accent);
+        opacity: 0;
+      }
+
+      &:hover {
+        text-decoration: none;
+        background-color: var(--iui-color-background-hover);
+        color: var(--iui-color-text-hover);
+      }
+    }
+
+    &.core-active a::after {
+      opacity: 1;
+    }
+
+    .uicore-tabs-label-subLabel-container {
+      display: flex;
+      flex-direction: column;
+      .uicore-tabs-subLabel {
+        font-size: var(--iui-font-size-0);
+      }
+    }
+    &:not(.core-active) {
+      .uicore-tabs-label-subLabel-container {
+        .uicore-tabs-subLabel {
+          color: var(--iui-color-text-muted);
+          font-weight: var(--iui-font-weight-light);
+        }
+      }
+    }
+  }
+
+  &.uicore-tabs-green > li > a::after {
+    background-color: var(--iui-color-text-positive);
+  }
+}

package/lib/core-react/tabs/vertical.scss

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "./tabs";
+
+@forward "../style/index";
+@forward "./tabs";
+
+@mixin uicore-tabs-vertical {
+  @include tabs.uicore-tabs;
+
+  > li {
+    display: block;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+
+    > a {
+      line-height: var(--iui-size-l);
+      padding: 14px 20px;
+      border-width: 0;
+
+      $bar-size: 2px;
+
+      .uicore-tabs-inline-label {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        align-items: center;
+      }
+
+      &::after {
+        height: 100%;
+        width: $bar-size;
+        left: $bar-size;
+        padding-top: $bar-size;
+        padding-bottom: $bar-size;
+        background-clip: content-box;
+        box-sizing: border-box;
+      }
+
+      &:focus-visible {
+        outline: 1px solid var(--iui-color-border-accent);
+        outline-offset: -1px;
+      }
+    }
+
+    &.core-active a {
+      color: var(--iui-color-text-accent);
+      background-color: var(--iui-color-background-accent-muted);
+    }
+  }
+}

package/lib/core-react/text/BlockText.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
+import type { TextProps } from "./TextProps.js";
+/** Styled block text React functional component
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/typography#text iTwinUI Text} instead.
+ */
+export declare function BlockText(props: TextProps): React.JSX.Element;
+//# sourceMappingURL=BlockText.d.ts.map

package/lib/core-react/text/BlockText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockText.d.ts","sourceRoot":"","sources":["../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;GAGG;AAEH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAGzC"}

package/lib/core-react/text/BlockText.js

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
+import { StyledText } from "./StyledText.js";
+/** Styled block text React functional component
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/typography#text iTwinUI Text} instead.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export function BlockText(props) {
+    // eslint-disable-next-line deprecation/deprecation
+    return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-block" });
+}
+//# sourceMappingURL=BlockText.js.map

package/lib/core-react/text/BlockText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockText.js","sourceRoot":"","sources":["../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C;;;GAGG;AACH,mDAAmD;AACnD,MAAM,UAAU,SAAS,CAAC,KAAgB;IACxC,mDAAmD;IACnD,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Text\n */\n\nimport * as React from \"react\";\nimport { StyledText } from \"./StyledText.js\";\nimport type { TextProps } from \"./TextProps.js\";\n\n/** Styled block text React functional component\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/typography#text iTwinUI Text} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function BlockText(props: TextProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <StyledText {...props} mainClassName=\"uicore-text-block\" />;\n}\n"]}

package/lib/core-react/text/BodyText.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
+import type { TextProps } from "./TextProps.js";
+/** Styled body text React functional component
+ * @public
+ * @deprecated in 4.0.0. Use `<Text variant='body' />` from iTwinUI-react package.
+ */
+export declare function BodyText(props: TextProps): React.JSX.Element;
+//# sourceMappingURL=BodyText.d.ts.map

package/lib/core-react/text/BodyText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;GAGG;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBAGxC"}

package/lib/core-react/text/BodyText.js

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
+import { StyledText } from "./StyledText.js";
+/** Styled body text React functional component
+ * @public
+ * @deprecated in 4.0.0. Use `<Text variant='body' />` from iTwinUI-react package.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export function BodyText(props) {
+    // eslint-disable-next-line deprecation/deprecation
+    return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-body" });
+}
+//# sourceMappingURL=BodyText.js.map