@procore/core-react 0.0.0-20230808121909

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DivAttributes, Props, SpanAttributes } from '../_utils/types';
+import { BaseTabProps, TabDropdownProps, TabProps, TabRef, TabRole, TabRoleType, TabsProps } from './Tabs.types';
+export declare const Link: React.ForwardRefExoticComponent<SpanAttributes & Props & React.RefAttributes<HTMLSpanElement>>;
+/**
+
+ We use tabs to navigate between different, but related content.
+ Tabs are commonly used on tool landing pages and on item detail pages.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-tabs--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tabs)
+
+ */
+declare function TabInternal({ as, disabled, role, active, children, onBlur, onFocus, onMount, onUnmount, overflowing, dropdown, variant, ...props }: TabProps<TabRoleType>, ref: TabRef<TabRoleType>): JSX.Element;
+export declare const Tab: <Role extends TabRole>(props: TabProps<Role> | (BaseTabProps & {
+    ref?: React.ComponentPropsWithRef<'div'>['ref'];
+})) => ReturnType<typeof TabInternal>;
+export declare const MoreMenu: React.ForwardRefExoticComponent<DivAttributes & TabDropdownProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: React.ForwardRefExoticComponent<DivAttributes & TabsProps & React.RefAttributes<HTMLDivElement>> & {
+    Link: React.ForwardRefExoticComponent<SpanAttributes & Props & React.RefAttributes<HTMLSpanElement>>;
+    Tab: <Role extends TabRole>(props: TabProps<Role> | (BaseTabProps & {
+        ref?: React.ComponentPropsWithRef<'div'>['ref'];
+    })) => ReturnType<typeof TabInternal>;
+};
+export {};

package/dist/Tabs/Tabs.js

@@ -0,0 +1,169 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { CaretDown, CaretUp } from '@procore/core-icons/dist';
+import React from 'react';
+import { useButton } from '@react-aria/button';
+import { MenuImperative } from '../MenuImperative/MenuImperative';
+import { OverlayTrigger, useOverlayTriggerContext, } from '../OverlayTrigger/OverlayTrigger';
+import { useI18nContext } from '../_hooks/I18n';
+import { useResize } from '../_hooks/Resize';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { getBoundingRect } from '../_utils/dom';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { StyledDropdownTab, StyledDropdownTabInner, StyledLink, StyledOverlay, StyledTab, StyledTabInner, StyledTabList, StyledTabs, } from './Tabs.styles';
+function noop() { }
+export var Link = React.forwardRef(function Link(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledLink, __assign({ ref: ref }, props), children));
+});
+/**
+
+ We use tabs to navigate between different, but related content.
+ Tabs are commonly used on tool landing pages and on item detail pages.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-tabs--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tabs)
+
+ */
+function TabInternal(_a, ref) {
+    var as = _a.as, disabled = _a.disabled, role = _a.role, _b = _a.active, active = _b === void 0 ? false : _b, children = _a.children, onBlur = _a.onBlur, onFocus = _a.onFocus, _c = _a.onMount, onMount = _c === void 0 ? noop : _c, _d = _a.onUnmount, onUnmount = _d === void 0 ? noop : _d, _e = _a.overflowing, overflowing = _e === void 0 ? false : _e, _f = _a.dropdown, dropdown = _f === void 0 ? false : _f, _g = _a.variant, variant = _g === void 0 ? '' : _g, props = __rest(_a, ["as", "disabled", "role", "active", "children", "onBlur", "onFocus", "onMount", "onUnmount", "overflowing", "dropdown", "variant"]);
+    var onPress = props.onPress;
+    var buttonProps = useButton(__assign(__assign({}, props), { onBlur: onBlur, onFocus: onFocus, elementType: role === 'link' ? 'a' : role === 'button' ? 'button' : 'div', isDisabled: disabled, onPress: onPress, type: 'button' }), ref).buttonProps;
+    var a11yProps = role === 'button'
+        ? __assign(__assign({}, buttonProps), { 'aria-current': active, as: as || 'button', $clickable: !disabled }) : role === 'link'
+        ? __assign(__assign({}, buttonProps), { 'aria-current': active, as: as || 'a', $clickable: !disabled }) : role === 'tab'
+        ? { role: 'tab', onBlur: onBlur, onFocus: onFocus }
+        : { onBlur: onBlur, onFocus: onFocus };
+    var innerRef = React.useRef(null);
+    React.useEffect(function () {
+        onMount(innerRef.current);
+        return onUnmount;
+    }, []);
+    var validChild = React.isValidElement(children);
+    return (
+    // @ts-ignore
+    React.createElement(StyledTab, __assign({ ref: mergeRefs(ref, innerRef) }, a11yProps, props),
+        React.createElement(StyledTabInner, { active: active || variant === 'active', dark: props.dark }, validChild
+            ? React.cloneElement(children, {
+                'aria-current': active || variant === 'active' ? true : undefined,
+            })
+            : children)));
+}
+export var Tab = React.forwardRef(TabInternal);
+export var MoreMenu = React.forwardRef(function MoreMenu(_a, ref) {
+    var children = _a.children, id = _a.id;
+    var ctx = useOverlayTriggerContext();
+    var menuRef = React.useRef(null);
+    React.useEffect(function () {
+        var _a, _b, _c, _d;
+        (_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.el) === null || _b === void 0 ? void 0 : _b.focus();
+        (_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.highlightFirst();
+        (_d = menuRef.current) === null || _d === void 0 ? void 0 : _d.highlightSelected();
+    }, []);
+    function onSelect(selection) {
+        ctx.hide(selection.event);
+    }
+    return (React.createElement(StyledOverlay, { ref: ref },
+        React.createElement(MenuImperative, { id: id, role: "menu", ref: menuRef, onSelect: onSelect },
+            React.createElement(MenuImperative.Options, null, React.Children.map(children, function (child, i) {
+                if (React.isValidElement(child)) {
+                    return (React.createElement(MenuImperative.Item, { item: null, key: i, selected: child.props.active }, React.cloneElement(child, { ref: null })));
+                }
+            })))));
+});
+var Tabs_ = React.forwardRef(function Tabs(_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.dark, dark = _b === void 0 ? false : _b, qa = _a.qa, props = __rest(_a, ["children", "className", "dark", "qa"]);
+    var i18n = useI18nContext();
+    var _c = React.useState(false), moreMenuIsShown = _c[0], setMoreMenuIsShown = _c[1];
+    var _d = React.useState([]), tabElements = _d[0], setTabElements = _d[1];
+    var _e = React.useState(0), cutoffIndex = _e[0], setCutoffIndex = _e[1];
+    var containerRef = React.useRef(null);
+    function recalculate() {
+        var container = getBoundingRect(containerRef.current);
+        var subtotals = tabElements.reduce(function (acc, el) {
+            if (!el) {
+                return acc;
+            }
+            var rect = getBoundingRect(el);
+            return {
+                subtotals: __spreadArray(__spreadArray([], acc.subtotals, true), [acc.total + rect.width], false),
+                total: acc.total + rect.width,
+            };
+        }, { subtotals: new Array(), total: 0 }).subtotals;
+        var index = subtotals.findIndex(function (val) { return val >= container.width; });
+        setCutoffIndex(index);
+    }
+    useResize({ onResize: recalculate });
+    React.useEffect(recalculate);
+    var filtered = React.Children.toArray(children).filter(function (child) { return child; });
+    var overflowing = filtered.slice(cutoffIndex - 1);
+    var isOverflowingActive = React.Children.toArray(overflowing).some(function (child) { return React.isValidElement(child) && child.props.active; });
+    return (React.createElement(StyledTabs, __assign({ ref: ref, dark: dark, index: cutoffIndex }, props),
+        React.createElement(StyledTabList, { ref: containerRef },
+            filtered.map(function (child, i) {
+                if (React.isValidElement(child))
+                    return React.cloneElement(child, {
+                        dark: dark,
+                        onMount: function (el) {
+                            setTabElements(function (elements) {
+                                var oldElements = __spreadArray([], elements, true);
+                                oldElements[i] = el;
+                                return oldElements;
+                            });
+                        },
+                        onUnmount: function () {
+                            setTabElements(function (elements) {
+                                var oldElements = __spreadArray([], elements, true);
+                                oldElements[i] = null;
+                                return oldElements;
+                            });
+                        },
+                    });
+            }),
+            React.createElement(OverlayTrigger, { autoFocus: true, beforeShow: function () { return setMoreMenuIsShown(true); }, afterHide: function () { return setMoreMenuIsShown(false); }, trigger: "click", passA11yPropsToOverlay: true, placement: "bottom-right", overlay: React.createElement(MoreMenu, null, overflowing), ref: ref, role: "menu" },
+                React.createElement(StyledDropdownTab, { "aria-hidden": !overflowing.length, as: "button" },
+                    React.createElement(StyledDropdownTabInner, { active: isOverflowingActive, dark: dark },
+                        React.createElement(StyledLink, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.more }, i18n.t('core.tabs.more')),
+                        moreMenuIsShown ? (React.createElement(CaretUp, { size: "sm" })) : (React.createElement(CaretDown, { size: "sm" }))))))));
+});
+Tabs_.displayName = 'Tabs';
+Link.displayName = 'Tabs.Link';
+// @ts-ignore
+Tab.displayName = 'Tabs.Tab';
+export var Tabs = addSubcomponents({
+    Link: Link,
+    Tab: Tab,
+}, Tabs_);
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/Tabs/Tabs.styles.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const StyledLink: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledTab: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTabInner: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    dark?: boolean | undefined;
+}, never>;
+export declare const StyledDropdownTab: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDropdownTabInner: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    dark?: boolean | undefined;
+}, never>;
+export declare const StyledOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTabList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTabs: import("styled-components").StyledComponent<"nav", any, {
+    dark?: boolean | undefined;
+    index?: number | undefined;
+}, never>;

package/dist/Tabs/Tabs.styles.js

@@ -0,0 +1,50 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { Card } from '../Card/Card';
+import { getUnstyledButton } from '../Semantic/Semantic.styles';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { colors } from '../_styles/colors';
+import { focusable } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+var tabGap = spacing.md;
+var hiddenTab = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: none;\n  position: absolute;\n  visibility: hidden;\n"], ["\n  pointer-events: none;\n  position: absolute;\n  visibility: hidden;\n"])));
+var visible = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  pointer-events: all;\n  position: relative;\n  visibility: visible;\n"], ["\n  pointer-events: all;\n  position: relative;\n  visibility: visible;\n"])));
+export var StyledLink = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  border-bottom-style: solid;\n  border-bottom-color: transparent;\n  border-bottom-width: 2px;\n  display: inline-flex;\n  height: 26px; // TODO one-off\n  justify-content: center;\n"], ["\n  align-items: center;\n  border-bottom-style: solid;\n  border-bottom-color: transparent;\n  border-bottom-width: 2px;\n  display: inline-flex;\n  height: 26px; // TODO one-off\n  justify-content: center;\n"])));
+export var StyledTab = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 0 ", "px;\n  position: relative;\n  white-space: nowrap;\n\n  a& {\n    text-decoration: none;\n  }\n\n  button& {\n    background-color: transparent;\n    border: none;\n    font-family: inherit;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n\n  &:not(:last-child) {\n    &:focus {\n      outline: none;\n\n      ", " {\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n    }\n  }\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 0 ", "px;\n  position: relative;\n  white-space: nowrap;\n\n  a& {\n    text-decoration: none;\n  }\n\n  button& {\n    background-color: transparent;\n    border: none;\n    font-family: inherit;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n\n  &:not(:last-child) {\n    &:focus {\n      outline: none;\n\n      ", " {\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n    }\n  }\n"])), tabGap, StyledLink, colors.blue40);
+export var StyledTabInner = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n\n  > a {\n    text-decoration: none;\n    ", "\n  }\n\n  ", "\n"], ["\n  ", "\n\n  > a {\n    text-decoration: none;\n    ", "\n  }\n\n  ", "\n"])), getTypographyIntent('body'), focusable, function (_a) {
+    var active = _a.active, dark = _a.dark;
+    var textColors = dark
+        ? {
+            active: colors.white,
+            default: colors.gray70,
+            hover: colors.white,
+        }
+        : {
+            active: colors.gray15,
+            default: colors.gray45,
+            hover: colors.gray15,
+        };
+    if (active) {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        &,\n        > a {\n          color: ", ";\n          cursor: default;\n        }\n\n        ", " {\n          border-bottom-color: ", ";\n        }\n      "], ["\n        &,\n        > a {\n          color: ", ";\n          cursor: default;\n        }\n\n        ", " {\n          border-bottom-color: ", ";\n        }\n      "])), textColors.active, StyledLink, colors.blue50);
+    }
+    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      &,\n      > a {\n        color: ", ";\n        cursor: pointer;\n      }\n      &:hover,\n      &.hover,\n      > a:hover {\n        color: ", ";\n      }\n    "], ["\n      &,\n      > a {\n        color: ", ";\n        cursor: pointer;\n      }\n      &:hover,\n      &.hover,\n      > a:hover {\n        color: ", ";\n      }\n    "])), textColors.default, textColors.hover);
+});
+export var StyledDropdownTab = styled(StyledTab)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  cursor: pointer;\n  ", "\n  ", "\n\n  ", "\n\n  margin-left: ", "px;\n\n  ", " {\n    margin-right: ", "px;\n  }\n"], ["\n  cursor: pointer;\n  ", "\n  ", "\n\n  ", "\n\n  margin-left: ", "px;\n\n  ", " {\n    margin-right: ", "px;\n  }\n"])), getUnstyledButton, focusable, hiddenTab, tabGap, StyledLink, spacing.xs);
+export var StyledDropdownTabInner = styled(StyledTabInner)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n"])));
+export var StyledOverlay = styled(Card)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  max-height: 40vh;\n\n  ", " {\n    color: ", ";\n  }\n  ", " {\n    // onClick events are attached to the Tab which are put inside of <Menu.Item>\n    // components with padding. Negative margin trick allows the cloned tab\n    // to cover the full area of the menu item\n    margin: -", "px -", "px;\n    padding: ", "px ", "px;\n  }\n\n  // hacky way to style items that were cloned into the menu\n  // can probably clean this up once we convert menu to jss\n  // by using the inverse ancestor selector\n  [data-selected='true'] {\n    ", ",\n    ", " > a {\n      color: ", ";\n      font-weight: ", ";\n    }\n  }\n\n  ", " {\n    border: 0;\n    height: auto;\n  }\n"], ["\n  max-height: 40vh;\n\n  ", " {\n    color: ", ";\n  }\n  ", " {\n    // onClick events are attached to the Tab which are put inside of <Menu.Item>\n    // components with padding. Negative margin trick allows the cloned tab\n    // to cover the full area of the menu item\n    margin: -", "px -", "px;\n    padding: ", "px ", "px;\n  }\n\n  // hacky way to style items that were cloned into the menu\n  // can probably clean this up once we convert menu to jss\n  // by using the inverse ancestor selector\n  [data-selected='true'] {\n    ", ",\n    ", " > a {\n      color: ", ";\n      font-weight: ", ";\n    }\n  }\n\n  ", " {\n    border: 0;\n    height: auto;\n  }\n"])), StyledTabInner, colors.gray45, StyledTab, spacing.sm, spacing.lg, spacing.sm, spacing.lg, StyledTabInner, StyledTabInner, colors.blue50, typographyWeights.semibold, StyledLink);
+export var StyledTabList = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"], ["\n  display: flex;\n  width: 100%;\n"])));
+export var StyledTabs = styled.nav(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background-color: ", ";\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n\n  ", " {\n    // we want to hide all tabs after overflow index\n    &:nth-child(1n + ", ") {\n      // but not the \"More\" dropdown tab\n      &:not(", ") {\n        ", "\n      }\n    }\n  }\n\n  ", "\n"], ["\n  background-color: ", ";\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n\n  ", " {\n    // we want to hide all tabs after overflow index\n    &:nth-child(1n + ", ") {\n      // but not the \"More\" dropdown tab\n      &:not(", ") {\n        ", "\n      }\n    }\n  }\n\n  ", "\n"])), function (_a) {
+    var dark = _a.dark;
+    return dark && colors.gray15;
+}, StyledTab, function (_a) {
+    var index = _a.index;
+    return index;
+}, StyledDropdownTab, hiddenTab, function (_a) {
+    var _b = _a.index, index = _b === void 0 ? -1 : _b;
+    return index >= 0 && css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      ", " {\n        ", "\n      }\n    "], ["\n      ", " {\n        ", "\n      }\n    "])), StyledDropdownTab, visible);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+//# sourceMappingURL=Tabs.styles.js.map

package/dist/Tabs/Tabs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.styles.ts"],"names":[],"mappings":"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"}

package/dist/Tabs/Tabs.types.d.ts

@@ -0,0 +1,104 @@
+import { AriaButtonProps } from '@react-aria/button';
+import React from 'react';
+import { Polymorphic } from '../_utils/polymorphic';
+import { Props } from '../_utils/types';
+export declare type TabRoleType = 'link' | 'button';
+export interface TabPolyMap extends Record<TabRoleType, React.ElementType> {
+    button: 'button';
+    link: 'a';
+}
+export declare type TabRole = TabRoleType | undefined;
+export declare type TabRef<Role extends TabRole = undefined> = Role extends TabRoleType ? Polymorphic.Ref<TabPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
+export declare type TabProps<Role extends TabRole = undefined> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<TabPolyMap, 'link', 'href', BaseTabProps> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<TabPolyMap, 'button', never, BaseTabProps & {
+    onPress: AriaButtonProps['onPress'];
+}> : BaseTabProps & {
+    ref?: TabRef<undefined>;
+};
+export declare const tabVariant: {
+    readonly none: "";
+    readonly active: "active";
+    readonly dark: "dark";
+    readonly dropdown: "dropdown";
+    readonly hover: "hover";
+    readonly overflowing: "overflowing";
+};
+declare type TabVariant = (typeof tabVariant)[keyof typeof tabVariant];
+export interface BaseTabProps extends Props {
+    /**
+     * The tab is active
+     * @since 10.19.0
+     */
+    active?: boolean;
+    /**
+     * Whether or not tab is in dark mode
+     * @private
+     * @since 10.19.0
+     */
+    dark?: boolean;
+    /**
+     * @private
+     * @since 10.19.0
+     */
+    onMount?: (el: HTMLDivElement | null) => void;
+    /**
+     * @private
+     */
+    onUnmount?: () => void;
+    /**
+     * @deprecated This was never intended to be a public facing API and does not
+     * do anything. It will be removed in the future.
+     * @since 10.19.0
+     */
+    dropdown?: boolean;
+    /**
+     * @deprecated This was never intended to be a public facing API and does not
+     * do anything. It will be removed in the future.
+     * @since 10.19.0
+     */
+    overflowing?: boolean;
+    /**
+     * @deprecated please use the `active` and `dark` props to configure style. The
+     * `dropdown`, `hover`, and `overflowing` variants were only for internal use
+     * and should not be used in clients
+     * @since 10.19.0
+     */
+    variant?: TabVariant;
+    /**
+     * @since 11.6.0
+     */
+    disabled?: boolean;
+    /**
+     * Sets the Tab's role
+     * @since 11.6.0
+     */
+    role?: TabRole;
+}
+export interface TabsTabProps extends BaseTabProps {
+}
+export interface QaTags {
+    /**
+     * @since 10.19.0
+     */
+    more?: string;
+}
+export interface TabsProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    dark?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+}
+export interface TabDropdownProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    visible?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+}
+export {};

package/dist/Tabs/Tabs.types.js

@@ -0,0 +1,9 @@
+export var tabVariant = {
+    none: '',
+    active: 'active',
+    dark: 'dark',
+    dropdown: 'dropdown',
+    hover: 'hover',
+    overflowing: 'overflowing',
+};
+//# sourceMappingURL=Tabs.types.js.map

package/dist/Tabs/Tabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.types.ts"],"names":[],"mappings":"AA6BA,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;CAClB,CAAA"}

package/dist/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs';
+export { TabsProps, TabsTabProps } from './Tabs.types';

package/dist/Tabs/index.js

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs';
+//# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/Tearsheet/Tearsheet.constants.d.ts

@@ -0,0 +1,3 @@
+import { AnimationPhase } from './Tearsheet.types';
+export declare const openingPhasesInOrder: AnimationPhase[];
+export declare const closingPhasesInOrder: AnimationPhase[];

package/dist/Tearsheet/Tearsheet.constants.js

@@ -0,0 +1,16 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+export var openingPhasesInOrder = [
+    'scrim',
+    'tearsheet',
+    'closeButton',
+];
+export var closingPhasesInOrder = __spreadArray([], openingPhasesInOrder, true).reverse();
+//# sourceMappingURL=Tearsheet.constants.js.map

package/dist/Tearsheet/Tearsheet.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tearsheet.constants.js","sourceRoot":"","sources":["../../src/Tearsheet/Tearsheet.constants.ts"],"names":[],"mappings":";;;;;;;;;AAEA,MAAM,CAAC,IAAM,oBAAoB,GAAqB;IACpD,OAAO;IACP,WAAW;IACX,aAAa;CACd,CAAA;AACD,MAAM,CAAC,IAAM,oBAAoB,GAAG,kBAAI,oBAAoB,QAAE,OAAO,EAAE,CAAA"}

package/dist/Tearsheet/Tearsheet.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { TearsheetContextProps, TearsheetProps } from './Tearsheet.types';
+export declare const TearsheetContext: React.Context<TearsheetContextProps>;
+/**
+
+ The Tearsheet is a container for complex content placed over another layout,
+ such as the Detail Page layout. They slide out from one direction on the screen.
+ They allow users complete complex and detail rich tasks without leaving the page they were on.
+
+ @since 10.25.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-tearsheet--demo)
+
+  @see [Design Guidelines](https://design.procore.com/tearsheet)
+
+ */
+export declare const Tearsheet: (props: TearsheetProps & {
+    /**
+     * @deprecatedSince 11.11.0
+     * @deprecated This ref is passed to two elements, in the future it will only be provided to the inner element (StyledTearsheetContent).
+     */
+    ref?: React.ComponentPropsWithRef<'div'>['ref'];
+}) => React.ReactElement;