@procore/core-react 11.20.0-vite.1 → 11.20.0

package/dist/Token/Token.js

@@ -0,0 +1,59 @@
+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;
+};
+import React from 'react';
+import { useI18nContext } from '../_hooks/I18n';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { StyledLabel, StyledRemove, StyledToken } from './Token.styles';
+var Parent = React.forwardRef(function Token(_a, ref) {
+    var children = _a.children, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.focused, focused = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, variant = _a.variant, props = __rest(_a, ["children", "disabled", "focused", "error", "variant"]);
+    return (React.createElement(StyledToken, __assign({}, props, { ref: ref, "$disabled": disabled || variant === 'disabled', "$focused": focused || variant === 'focused', "$error": error }), children));
+});
+var Remove = React.forwardRef(function TokenRemove(_a, ref) {
+    var props = __rest(_a, []);
+    var i18n = useI18nContext();
+    return (React.createElement(StyledRemove, __assign({ ref: ref, "aria-hidden": "false", "aria-label": i18n.t('core.token.remove') }, props)));
+});
+var Label = React.forwardRef(function Label(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledLabel, __assign({ ref: ref }, props), children));
+});
+Parent.displayName = 'Token';
+Remove.displayName = 'Token.Remove';
+Label.displayName = 'Token.Label';
+/**
+
+ We use tokens in our multi select dropdowns and file attachers to indicate what
+ has been selected or attached. Tokens in these components are removable.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-token--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tokens)
+
+ */
+export var Token = addSubcomponents({
+    Label: Label,
+    Remove: Remove,
+}, Parent);
+//# sourceMappingURL=Token.js.map

package/dist/Token/Token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Token.js","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAO7D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAGvE,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,SAAS,KAAK,CACZ,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,OAAO,aAAA,EACJ,KAAK,cANV,uDAOC,CADS;IAIV,OAAO,CACL,oBAAC,WAAW,eACN,KAAK,IACT,GAAG,EAAE,GAAG,eACG,QAAQ,IAAI,OAAO,KAAK,UAAU,cACnC,OAAO,IAAI,OAAO,KAAK,SAAS,YAClC,KAAK,KAEZ,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,SAAS,WAAW,CAAC,EAAY,EAAE,GAAG;QAAZ,KAAK,cAAV,EAAY,CAAF;IAC7B,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,OAAO,CACL,oBAAC,YAAY,aACX,GAAG,EAAE,GAAG,iBACI,OAAO,gBACP,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,IACnC,KAAK,EACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACjC,OAAO,CACL,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC7B,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,OAAO,CAAA;AAE5B,MAAM,CAAC,WAAW,GAAG,cAAc,CAAA;AAEnC,KAAK,CAAC,WAAW,GAAG,aAAa,CAAA;AAEjC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,gBAAgB,CACnC;IACE,KAAK,OAAA;IACL,MAAM,QAAA;CACP,EACD,MAAM,CACP,CAAA"}

package/dist/Token/Token.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledRemove: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledToken: import("styled-components").StyledComponent<"div", any, {
+    $disabled: boolean;
+    $focused: boolean;
+    $error: boolean;
+}, never>;

package/dist/Token/Token.styles.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Clear } from '@procore/core-icons/dist';
+import styled, { css } from 'styled-components';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+import { colors } from '../_styles/colors';
+import { getEllipsis, getFocus } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+export var StyledLabel = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  flex: 0 1 auto;\n"], ["\n  ", "\n\n  ", "\n\n  flex: 0 1 auto;\n"])), getTypographyIntent('body'), getEllipsis);
+export var StyledRemove = styled(Clear)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -", "px 0 ", "px;\n  width: 16px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"], ["\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -", "px 0 ", "px;\n  width: 16px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), spacing.sm, spacing.sm, colors.white, colors.blue40);
+export var StyledToken = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 200px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ", ";\n  cursor: default;\n  display: inline-flex;\n  height: 24px;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ", "px ", "px;\n\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 200px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ", ";\n  cursor: default;\n  display: inline-flex;\n  height: 24px;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ", "px ", "px;\n\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_a) {
+    var _b = _a.$focused, $focused = _b === void 0 ? false : _b, _c = _a.$disabled, $disabled = _c === void 0 ? false : _c;
+    return $focused && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", "\n\n      background-color: ", ";\n\n      ", "}\n    "], ["\n      ", "\n\n      background-color: ", ";\n\n      ", "}\n    "])), getFocus(), colors.blue45, !$disabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          ", " {\n            background-color: ", ";\n            color: ", ";\n          }\n        "], ["\n          ", " {\n            background-color: ", ";\n            color: ", ";\n          }\n        "])), StyledRemove, colors.white, colors.blue45));
+}, function (_a) {
+    var _b = _a.$disabled, $disabled = _b === void 0 ? false : _b;
+    return $disabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: transparent;\n      box-shadow: none;\n      pointer-events: none;\n    "], ["\n      background-color: ", ";\n      border-color: transparent;\n      box-shadow: none;\n      pointer-events: none;\n    "])), colors.gray70);
+}, function (_a) {
+    var _b = _a.$error, $error = _b === void 0 ? false : _b;
+    return $error && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      &,\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      &,\n      &:hover {\n        background-color: ", ";\n      }\n    "])), colors.red50);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=Token.styles.js.map

package/dist/Token/Token.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Token.styles.js","sourceRoot":"","sources":["../../src/Token/Token.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,8GAAA,MAClC,EAA2B,QAE3B,EAAW,yBAGd,KALG,mBAAmB,CAAC,MAAM,CAAC,EAE3B,WAAW,CAGd,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,mQAAA,iGAK1B,EAAU,OAAQ,EAAU,sDAIzB,EAAY,gBACjB,EAAa,UAEzB,KAPc,OAAO,CAAC,EAAE,EAAQ,OAAO,CAAC,EAAE,EAIzB,MAAM,CAAC,KAAK,EACjB,MAAM,CAAC,MAAM,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,6kBAInC,gDAEoB,EAAa,+GAGxB,EAAY,4PAOV,EAAU,KAAM,EAAU,wDAIf,EAAa,cAGjC,EAgBC,QAED,EAOC,QAED,EAOC,IACJ,KApDqB,MAAM,CAAC,MAAM,EAGxB,MAAM,CAAC,KAAK,EAOV,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAIf,MAAM,CAAC,MAAM,EAGjC,UAAC,EAAuC;QAArC,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IACtC,OAAA,QAAQ,IACR,GAAG,uIAAA,UACC,EAAU,8BAEQ,EAAa,aAE/B,EAQF,SACD,KAbG,QAAQ,EAAE,EAEQ,MAAM,CAAC,MAAM,EAG/B,CAAC,SAAS,IACV,GAAG,6KAAA,cACC,EAAY,oCACQ,EAAY,wBACvB,EAAa,0BAEzB,KAJG,YAAY,EACQ,MAAM,CAAC,KAAK,EACvB,MAAM,CAAC,MAAM,CAEzB,CAEJ;AAfD,CAeC,EAED,UAAC,EAAqB;QAAnB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IACpB,OAAA,SAAS,IACT,GAAG,kMAAA,4BACmB,EAAa,iGAIlC,KAJqB,MAAM,CAAC,MAAM,CAIlC;AAND,CAMC,EAED,UAAC,EAAkB;QAAhB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA;IACjB,OAAA,MAAM,IACN,GAAG,gJAAA,yDAGqB,EAAY,kBAEnC,KAFuB,MAAM,CAAC,KAAK,CAEnC;AAND,CAMC,CACJ,CAAA"}

package/dist/Token/Token.types.d.ts

@@ -0,0 +1,36 @@
+export interface TokenProps {
+    /**
+     * Disables the token
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    focused?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @deprecated
+     *
+     * All variants have been deprecated and will be removed in a future version.
+     * Please use `Token.Remove` component or `disabled` boolean prop instead.
+     *
+     * **Before**
+     *
+     * `<Token variant='icon'>
+     *    <Token.Icon icon="x" />
+     * </Token>`
+     *
+     * **After**
+     *
+     * `<Token>
+     *    <Token.Remove />
+     * </Token>`
+     *
+     * @deprecatedSince 10.27.0
+     */
+    variant?: 'disabled' | 'focused' | 'icon' | 'standard';
+}

package/dist/Token/Token.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Token.types.js.map

package/dist/Token/Token.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Token.types.js","sourceRoot":"","sources":["../../src/Token/Token.types.ts"],"names":[],"mappings":""}

package/dist/Token/index.d.ts

@@ -0,0 +1,2 @@
+export { Token } from './Token';
+export { TokenProps } from './Token.types';

package/dist/Token/index.js

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

package/dist/Token/index.js.map

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

package/dist/ToolHeader/ActionIcon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ActionIconPolyType, ActionIconProps, ActionIconRef } from './ActionIcon.types';
+declare function ActionIconInner<T extends ActionIconPolyType>(props: ActionIconProps<T>, ref: ActionIconRef<T>): JSX.Element;
+export declare const ActionIcon: <Role extends ActionIconPolyType>(props: ActionIconProps<Role>) => ReturnType<typeof ActionIconInner>;
+export {};

package/dist/ToolHeader/ActionIcon.js

@@ -0,0 +1,46 @@
+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;
+};
+import React from 'react';
+import { StyledAnchor, StyledUnstyledButton } from '../Semantic/Semantic.styles';
+import { Tooltip } from '../Tooltip/Tooltip';
+var ActionIconLink = React.forwardRef(function (_a, ref) {
+    var label = _a["aria-label"], href = _a.href, children = _a.children, props = __rest(_a, ['aria-label', "href", "children"]);
+    return (React.createElement(Tooltip, { overlay: label, trigger: ['hover', 'focus'] },
+        React.createElement(StyledAnchor, __assign({ "aria-label": label, href: href }, props, { ref: ref }), children)));
+});
+var ActionIconButton = React.forwardRef(function (_a, ref) {
+    var label = _a["aria-label"], children = _a.children, props = __rest(_a, ['aria-label', "children"]);
+    return (React.createElement(Tooltip, { overlay: label, trigger: ['hover', 'focus'] },
+        React.createElement(StyledUnstyledButton, __assign({ "aria-label": label }, props, { ref: ref }), children)));
+});
+function ActionIconInner(props, ref) {
+    if (props.role === 'link' || props.href) {
+        return (React.createElement(ActionIconLink, __assign({}, props, { ref: ref })));
+    }
+    if (props.role === 'button') {
+        return (React.createElement(ActionIconButton, __assign({}, props, { ref: ref })));
+    }
+    return (React.createElement(ActionIconButton, __assign({}, props, { ref: ref })));
+}
+export var ActionIcon = React.forwardRef(ActionIconInner);
+//# sourceMappingURL=ActionIcon.js.map

package/dist/ToolHeader/ActionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIcon.js","sourceRoot":"","sources":["../../src/ToolHeader/ActionIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAO5C,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,UACtC,EAA0E,EAC1E,GAA0B;IADxB,IAAc,KAAK,mBAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/C,kCAAiD,CAAF;IAG/C,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAClD,oBAAC,YAAY,2BAAa,KAAK,EAAE,IAAI,EAAE,IAAI,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,KAC7D,QAAQ,CACI,CACP,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,UACxC,EAAsE,EACtE,GAA4B;IAD1B,IAAc,KAAK,mBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAzC,0BAA2C,CAAF;IAGzC,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAClD,oBAAC,oBAAoB,2BAAa,KAAK,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,KACzD,QAAQ,CACY,CACf,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,eAAe,CACtB,KAAyB,EACzB,GAAqB;IAErB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAK,KAAwC,CAAC,IAAI,EAAE;QAC3E,OAAO,CACL,oBAAC,cAAc,eACR,KAAwC,IAC7C,GAAG,EAAE,GAA4B,IACjC,CACH,CAAA;KACF;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC3B,OAAO,CACL,oBAAC,gBAAgB,eACV,KAAmC,IACxC,GAAG,EAAE,GAA8B,IACnC,CACH,CAAA;KACF;IACD,OAAO,CACL,oBAAC,gBAAgB,eACV,KAAmC,IACxC,GAAG,EAAE,GAA8B,IACnC,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAInB,CAAA"}

package/dist/ToolHeader/ActionIcon.types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Polymorphic } from '../_utils/polymorphic';
+import { AriaLabelled } from '../_utils/types';
+export declare type ActionIconPolyType = 'link' | 'button';
+export interface ActionIconPolyTagMap extends Record<ActionIconPolyType, React.ElementType> {
+    link: 'a';
+    button: 'button';
+}
+export declare type ActionIconRef<Role extends ActionIconPolyType> = Polymorphic.Ref<ActionIconPolyTagMap, Role>;
+export declare type ActionIconProps<Role extends ActionIconPolyType> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<ActionIconPolyTagMap, 'link', 'href' | 'aria-label'> : Role extends 'button' ? AriaLabelled<Polymorphic.ComponentPropsWithRef<ActionIconPolyTagMap, 'button', 'onClick'>> : unknown;

package/dist/ToolHeader/ActionIcon.types.example.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ToolHeader/ActionIcon.types.example.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { ActionIcon } from './ActionIcon';
+function Custom() {
+    return React.createElement("a", { href: "/" }, "Hello");
+}
+test('Passing type check', function () {
+    function ExpectedToPass() {
+        var aRef = React.useRef(null);
+        var buttonRef = React.useRef(null);
+        return (React.createElement(React.Fragment, null,
+            React.createElement(ActionIcon, { role: "link", href: "#", "aria-label": "ok" }),
+            React.createElement(ActionIcon, { role: "link", href: "#", "aria-label": "ok", target: "ok", ref: aRef }),
+            React.createElement(ActionIcon, { role: "button", onClick: console.log, "aria-label": "ok" }),
+            React.createElement(ActionIcon, { role: "button", onClick: console.log, "aria-labelledby": "id" }),
+            React.createElement(ActionIcon, { role: "button", onClick: console.log, "aria-label": "id", 
+                // See type. Supports aria-label or aria-labelledby required. But as props are any type
+                as: function (p) { return React.createElement("button", null); } }),
+            React.createElement(ActionIcon, { role: "button", onClick: console.log, "aria-label": "ok", ref: buttonRef }),
+            React.createElement(ActionIcon, { as: Custom, role: "link", href: "#", "aria-label": "ok", ref: aRef }),
+            React.createElement(ActionIcon, { as: function (p) { return React.createElement("a", null); }, role: "link", href: "#", "aria-label": "ok", ref: aRef })));
+    }
+    // This is a fake test, the real test is the file can be compiled/typechecked
+    expect(ExpectedToPass).toBeDefined();
+});
+/* When working with types, uncomment in development to confirm all fail typecheck */
+// function ExpectedToFail() {
+//   const divRef = React.useRef<HTMLDivElement>(null)
+//   return (
+//     <>
+//       <ActionIcon />
+//       <ActionIcon role="link" />
+//       <ActionIcon role="button" aria-label="wrong" />
+//       <ActionIcon role="link" aria-label="wrong" href="#" ref={divRef} />
+//       <ActionIcon
+//         ref={divRef}
+//         role="button"
+//         onClick={console.log}
+//         aria-label="wrong"
+//       />
+//     </>
+//   )
+// }
+//# sourceMappingURL=ActionIcon.types.example.js.map

package/dist/ToolHeader/ActionIcon.types.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIcon.types.example.js","sourceRoot":"","sources":["../../src/ToolHeader/ActionIcon.types.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,SAAS,MAAM;IACb,OAAO,2BAAG,IAAI,EAAC,GAAG,YAAU,CAAA;AAC9B,CAAC;AAED,IAAI,CAAC,oBAAoB,EAAE;IACzB,SAAS,cAAc;QACrB,IAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;QAClD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;QAEvD,OAAO,CACL;YAEE,oBAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,gBAAY,IAAI,GAAG;YAGnD,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,gBACG,IAAI,EACf,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,IAAI,GACT;YACF,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,gBAAa,IAAI,GAAG;YAClE,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,qBAAkB,IAAI,GAAG;YACvE,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,CAAC,GAAG,gBACT,IAAI;gBACf,uFAAuF;gBACvF,EAAE,EAAE,UAAC,CAAM,IAAK,OAAA,mCAAU,EAAV,CAAU,GAC1B;YACF,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,CAAC,GAAG,gBACT,IAAI,EACf,GAAG,EAAE,SAAS,GACd;YACF,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,gBACG,IAAI,EACf,GAAG,EAAE,IAAI,GACT;YACF,oBAAC,UAAU,IACT,EAAE,EAAE,UAAC,CAAC,IAAK,OAAA,8BAAK,EAAL,CAAK,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,gBACG,IAAI,EACf,GAAG,EAAE,IAAI,GACT,CACD,CACJ,CAAA;IACH,CAAC;IACD,6EAA6E;IAC7E,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAA;AACtC,CAAC,CAAC,CAAA;AAEF,qFAAqF;AACrF,8BAA8B;AAC9B,sDAAsD;AAEtD,aAAa;AACb,SAAS;AACT,uBAAuB;AACvB,mCAAmC;AACnC,wDAAwD;AACxD,4EAA4E;AAC5E,oBAAoB;AACpB,uBAAuB;AACvB,wBAAwB;AACxB,gCAAgC;AAChC,6BAA6B;AAC7B,WAAW;AACX,UAAU;AACV,MAAM;AACN,IAAI"}

package/dist/ToolHeader/ActionIcon.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ActionIcon.types.js.map

package/dist/ToolHeader/ActionIcon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIcon.types.js","sourceRoot":"","sources":["../../src/ToolHeader/ActionIcon.types.ts"],"names":[],"mappings":""}

package/dist/ToolHeader/ToolHeader.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { DivAttributes, Props, SVGAttributes } from '../_utils/types';
+import { ToolHeaderBadgeProps, ToolHeaderIconProps, ToolHeaderSettingsActionPolyType, ToolHeaderSettingsActionProps, ToolHeaderSettingsActionRef } from './ToolHeader.types';
+export declare const Icon: React.ForwardRefExoticComponent<SVGAttributes & ToolHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
+declare function SettingsActionInner<Role extends ToolHeaderSettingsActionPolyType>(props: ToolHeaderSettingsActionProps<Role>, ref: ToolHeaderSettingsActionRef<Role>): JSX.Element;
+export declare const Title: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const Tabs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+/**
+ * @deprecated
+ *
+ * This `Badge` pattern is no longer supported and it is now recommended to use a `Pill` instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/components/pill/react/
+ */
+export declare const Badge: React.ForwardRefExoticComponent<DivAttributes & ToolHeaderBadgeProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ToolHeader: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>> & {
+    Icon: React.ForwardRefExoticComponent<SVGAttributes & ToolHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
+    Title: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+    Tabs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Badge: React.ForwardRefExoticComponent<DivAttributes & ToolHeaderBadgeProps & React.RefAttributes<HTMLDivElement>>;
+    SettingsAction: <Role extends ToolHeaderSettingsActionPolyType>(props: ToolHeaderSettingsActionProps<Role>) => ReturnType<typeof SettingsActionInner>;
+};
+export {};

package/dist/ToolHeader/ToolHeader.js

@@ -0,0 +1,79 @@
+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;
+};
+import { Cog } from '@procore/core-icons';
+import React from 'react';
+import { Tabs as TabsBase } from '../Tabs/Tabs';
+import { useI18nContext } from '../_hooks/I18n';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { ActionIcon } from './ActionIcon';
+import { StyledHeaderActions, StyledHeaderBadge, StyledHeaderTabs, StyledToolHeader, StyledToolHeaderIconContainer, StyledToolHeaderTitle, } from './ToolHeader.styles';
+var ToolHeader_ = React.forwardRef(function (props, ref) {
+    return React.createElement(StyledToolHeader, __assign({ ref: ref }, props));
+});
+export var Icon = React.forwardRef(function Icon(_a, ref) {
+    var className = _a.className, icon_ = _a.icon, props = __rest(_a, ["className", "icon"]);
+    var icon = icon_ ? (React.cloneElement(icon_, __assign(__assign({}, props), { size: 'sm' }))) : (React.createElement(Cog, __assign({}, props, { size: "sm" })));
+    return (React.createElement(StyledToolHeaderIconContainer, { className: className, ref: ref }, icon));
+});
+function SettingsActionInner(props, ref) {
+    var i18n = useI18nContext();
+    var Comp = ActionIcon;
+    return (React.createElement(Comp, __assign({ "aria-label": i18n.t('core.toolHeader.settingsAction'), ref: ref }, props),
+        React.createElement(ToolHeader.Icon, null)));
+}
+var SettingsAction = React.forwardRef(SettingsActionInner);
+export var Title = StyledToolHeaderTitle;
+export var Tabs = React.forwardRef(function Tabs(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(StyledHeaderTabs, { className: className, ref: ref },
+        React.createElement(TabsBase, __assign({}, props), children)));
+});
+export var Actions = StyledHeaderActions;
+/**
+ * @deprecated
+ *
+ * This `Badge` pattern is no longer supported and it is now recommended to use a `Pill` instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/components/pill/react/
+ */
+export var Badge = React.forwardRef(function Badge(_a, ref) {
+    var children = _a.children, variant = _a.variant, props = __rest(_a, ["children", "variant"]);
+    return (React.createElement(StyledHeaderBadge, __assign({}, props, { "$variant": variant, ref: ref }), children));
+});
+ToolHeader_.displayName = 'ToolHeader';
+Icon.displayName = 'ToolHeader.Icon';
+Title.displayName = 'ToolHeader.Title';
+Tabs.displayName = 'ToolHeader.Tabs';
+Actions.displayName = 'ToolHeader.Actions';
+Badge.displayName = 'ToolHeader.Badge';
+export var ToolHeader = addSubcomponents({
+    Icon: Icon,
+    Title: Title,
+    Tabs: Tabs,
+    Actions: Actions,
+    Badge: Badge,
+    SettingsAction: SettingsAction,
+}, ToolHeader_);
+//# sourceMappingURL=ToolHeader.js.map

package/dist/ToolHeader/ToolHeader.js.map

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

package/dist/ToolHeader/ToolHeader.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ToolHeaderBadgeVariant } from './ToolHeader.types';
+export declare const StyledHeaderBadge: import("styled-components").StyledComponent<"div", any, {
+    $variant: ToolHeaderBadgeVariant;
+}, never>;
+export declare const StyledToolHeaderIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeaderTabs: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeaderActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledToolHeaderTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const StyledToolHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ToolHeader/ToolHeader.styles.js

@@ -0,0 +1,27 @@
+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 { H1 } from '../Semantic/Semantic';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+export var StyledHeaderBadge = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  border-radius: 10px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-block;\n  margin-bottom: ", "px;\n  padding: 1px ", "px;\n\n  ", "\n"], ["\n  ", "\n  border-radius: 10px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-block;\n  margin-bottom: ", "px;\n  padding: 1px ", "px;\n\n  ", "\n"
+    // TODO in v12 remove cursor: pointer;
+])), getTypographyIntent('small'), spacing.sm, spacing.sm, function (_a) {
+    var $variant = _a.$variant;
+    if ($variant) {
+        if ($variant === 'trial') {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        "])), colors.purple50, colors.purple50, colors.white);
+        }
+    }
+});
+// TODO in v12 remove cursor: pointer;
+export var StyledToolHeaderIconContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n"], ["\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n"])), colors.orange50);
+export var StyledHeaderTabs = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-self: flex-end;\n  flex: 1 1 auto;\n  min-width: 100px;\n  overflow: hidden;\n"], ["\n  align-self: flex-end;\n  flex: 1 1 auto;\n  min-width: 100px;\n  overflow: hidden;\n"])));
+export var StyledHeaderActions = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  margin-left: auto;\n  padding-left: ", "px;\n"], ["\n  flex: 0 0 auto;\n  margin-left: auto;\n  padding-left: ", "px;\n"])), spacing.lg);
+export var StyledToolHeaderTitle = styled(H1)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-right: ", "px;\n  white-space: nowrap;\n"], ["\n  margin-right: ", "px;\n  white-space: nowrap;\n"])), spacing.xl);
+export var StyledToolHeader = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ", " + ", ",\n  a + ", ", button + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ", " + ", ",\n  a + ", ", button + ", " {\n    margin-left: ", "px;\n  }\n"])), StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolHeader/ToolHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolHeader.styles.js","sourceRoot":"","sources":["../../src/ToolHeader/ToolHeader.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAG5C,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,2OAEzC,MACE,EAA4B,qHAKb,EAAU,sBACZ,EAAU,WAEvB,EAUD,IACF;IAED,sCAAsC;KArBlC,mBAAmB,CAAC,OAAO,CAAC,EAKb,OAAO,CAAC,EAAE,EACZ,OAAO,CAAC,EAAE,EAEvB,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,IAAI,QAAQ,EAAE;QACZ,IAAI,QAAQ,KAAK,OAAO,EAAE;YACxB,OAAO,GAAG,yKAAA,gCACY,EAAe,6BACnB,EAAe,sBACtB,EAAY,aACtB,KAHqB,MAAM,CAAC,QAAQ,EACnB,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,KAAK,EACtB;SACF;KACF;AACH,CAAC,CACF,CAAA;AAED,sCAAsC;AACtC,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,uJAAA,aAC5C,EAAe,qEAIzB,KAJU,MAAM,CAAC,QAAQ,CAIzB,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,6JAAA,0FAKzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,yIAAA,6DAG3B,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,CAAC,wHAAA,oBAC7B,EAAU,+BAE3B,KAFiB,OAAO,CAAC,EAAE,CAE3B,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,oOAAA,uFAMtC,EAA6B,KAAM,EAAqB,WACpD,EAAqB,aAAc,EAAqB,uBAC7C,EAAU,YAE5B,KAJG,6BAA6B,EAAM,qBAAqB,EACpD,qBAAqB,EAAc,qBAAqB,EAC7C,OAAO,CAAC,EAAE,CAE5B,CAAA"}

package/dist/ToolHeader/ToolHeader.types.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { Polymorphic } from '../_utils/polymorphic';
+import { Props } from '../_utils/types';
+export declare type ToolHeaderBadgeVariant = 'beta' | 'new' | 'trial';
+export interface ToolHeaderBadgeProps extends Props {
+    /**
+     * Controls the background/border/text colors of the Badge's pill
+     * @since 10.19.0
+     */
+    variant: ToolHeaderBadgeVariant;
+}
+export interface ToolHeaderIconProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    icon?: React.ReactNode;
+}
+export declare type ToolHeaderSettingsActionPolyType = 'link' | 'button';
+export interface ToolHeaderSettingsActionPolyTagMap extends Record<ToolHeaderSettingsActionPolyType, React.ElementType> {
+    link: 'a';
+    button: 'button';
+}
+export declare type ToolHeaderSettingsActionRef<Role extends ToolHeaderSettingsActionPolyType> = Polymorphic.Ref<ToolHeaderSettingsActionPolyTagMap, Role>;
+export declare type ToolHeaderSettingsActionProps<Role extends ToolHeaderSettingsActionPolyType> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<ToolHeaderSettingsActionPolyTagMap, 'link', 'href', {
+    'aria-label'?: string;
+}> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<ToolHeaderSettingsActionPolyTagMap, 'button', 'onClick', {
+    'aria-label'?: string;
+}> : unknown;

package/dist/ToolHeader/ToolHeader.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ToolHeader.types.js.map

package/dist/ToolHeader/ToolHeader.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolHeader.types.js","sourceRoot":"","sources":["../../src/ToolHeader/ToolHeader.types.ts"],"names":[],"mappings":""}

package/dist/ToolHeader/index.d.ts

@@ -0,0 +1 @@
+export { ToolHeader } from './ToolHeader';

package/dist/ToolHeader/index.js

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

package/dist/ToolHeader/index.js.map

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

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { OverlayTriggerProps } from '../OverlayTrigger';
+import { TooltipContentProps, TooltipProps } from './Tooltip.types';
+export declare const Tooltip: React.ForwardRefExoticComponent<OverlayTriggerProps & TooltipProps & React.RefAttributes<HTMLElement>> & {
+    Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLSpanElement>>;
+};

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,59 @@
+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;
+};
+import React from 'react';
+import { OverlayTrigger } from '../OverlayTrigger';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { StyledContainer, StyledTooltip } from './Tooltip.styles';
+var Content = React.forwardRef(function Content(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledContainer, { ref: ref },
+        React.createElement(StyledTooltip, __assign({}, props), children)));
+});
+/**
+
+ We use tooltips to display additional descriptive information about an element
+ or item to the user. For example, we could use them to explain a specific term
+ or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to
+ clarify certain information (e.g. why a button is disabled).
+
+ They can be displayed either by hovering over an element in the product or by
+ hovering over an icon next to an element.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-tooltip--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tooltip)
+
+ */
+var Tooltip_ = React.forwardRef(function Tooltip(_a, ref) {
+    var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, overlay = _a.overlay, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.trigger, trigger = _d === void 0 ? 'hover' : _d, props = __rest(_a, ["children", "initialIsVisible", "overlay", "placement", "trigger"]);
+    var overlayNode = React.isValidElement(overlay) ? (React.cloneElement(overlay, { placement: placement })) : (React.createElement(Content, { placement: placement }, overlay));
+    return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, trigger: trigger, shrinkOverlay: true, arrow: true })), children));
+});
+Tooltip_.displayName = 'Tooltip';
+Content.displayName = 'Tooltip.Content';
+export var Tooltip = addSubcomponents({
+    Content: Content,
+}, Tooltip_);
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGjE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,OAAO,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG;QACvB,oBAAC,aAAa,eAAK,KAAK,GAAG,QAAQ,CAAiB,CACpC,CACnB,CAAA;AACH,CAAC,CACF,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,SAAS,OAAO,CAChB,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,OAAO,aAAA,EACP,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACd,KAAK,cANV,mEAOC,CADS;IAIV,IAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAClD,KAAK,CAAC,YAAY,CAAC,OAA6B,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CACjE,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IAAG,OAAO,CAAW,CACnD,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,qCAER,KAAK,KACR,gBAAgB,kBAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,WAAA,EACT,GAAG,KAAA,EACH,kBAAkB,EAAE,KAAK,EACzB,OAAO,SAAA,EACP,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE,IAAI,MAGZ,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,CAAC,IAAM,OAAO,GAAG,gBAAgB,CACrC;IACE,OAAO,SAAA;CACR,EACD,QAAQ,CACT,CAAA"}

package/dist/Tooltip/Tooltip.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledTooltip: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledContainer: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/Tooltip/Tooltip.styles.js

@@ -0,0 +1,14 @@
+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 from 'styled-components';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+import { borderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { getShadow } from '../_styles/shadows';
+import { spacing } from '../_styles/spacing';
+export var StyledTooltip = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  max-width: 200px;\n  padding: ", "px ", "px;\n  position: relative;\n\n  // for IE11, use word-wrap property\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  white-space: normal;\n"], ["\n  ", "\n  color: ", ";\n  max-width: 200px;\n  padding: ", "px ", "px;\n  position: relative;\n\n  // for IE11, use word-wrap property\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  white-space: normal;\n"])), getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
+export var StyledContainer = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-flex;\n  background-color: ", ";\n  border-radius: ", "px;\n  ", "\n\n  & + [data-overlay-arrow] {\n    background: ", ";\n  }\n"], ["\n  display: inline-flex;\n  background-color: ", ";\n  border-radius: ", "px;\n  ", "\n\n  & + [data-overlay-arrow] {\n    background: ", ";\n  }\n"])), colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Tooltip.styles.js.map