@procore/core-react 11.7.0-rc.2 → 11.7.0-rc.3

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

@@ -1,8 +1,9 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { DivAttributes, Props, SVGAttributes } from '../_utils/types';
-import { ToolHeaderBadgeProps, ToolHeaderIconProps } from './ToolHeader.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("../_utils/types").HeadingAttributes & 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>;
@@ -22,4 +23,6 @@ export declare const ToolHeader: string & import("styled-components").StyledComp
     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

@@ -23,7 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 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_ = StyledToolHeader;
 export var Icon = React.forwardRef(function Icon(_a, ref) {
@@ -31,6 +33,13 @@ export var Icon = React.forwardRef(function Icon(_a, ref) {
     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"]);
@@ -63,5 +72,6 @@ export var ToolHeader = addSubcomponents({
     Tabs: Tabs,
     Actions: Actions,
     Badge: Badge,
+    SettingsAction: SettingsAction,
 }, ToolHeader_);
 //# sourceMappingURL=ToolHeader.js.map

package/dist/ToolHeader/ToolHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolHeader.js","sourceRoot":"","sources":["../../src/ToolHeader/ToolHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,6BAA6B,EAC7B,qBAAqB,GACtB,MAAM,qBAAqB,CAAA;AAG5B,IAAM,WAAW,GAAG,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,IAAI,CAAC,EAAoC,EAAE,GAAG;IAAvC,IAAA,SAAS,eAAA,EAAQ,KAAK,UAAA,EAAK,KAAK,cAAlC,qBAAoC,CAAF;IAChD,IAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CACnB,KAAK,CAAC,YAAY,CAAC,KAA2B,wBAAO,KAAK,KAAE,IAAI,EAAE,IAAI,IAAG,CAC1E,CAAC,CAAC,CAAC,CACF,oBAAC,GAAG,eAAK,KAAK,IAAE,IAAI,EAAC,IAAI,IAAG,CAC7B,CAAA;IACD,OAAO,CACL,oBAAC,6BAA6B,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAC1D,IAAI,CACyB,CACjC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,qBAAqB,CAAA;AAE1C,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC3C,OAAO,CACL,oBAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QAC9C,oBAAC,QAAQ,eAAK,KAAK,GAAG,QAAQ,CAAY,CACzB,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,mBAAmB,CAAA;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAA+B,EAAE,GAAG;IAAlC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IAC5C,OAAO,CACL,oBAAC,iBAAiB,eAAK,KAAK,gBAAY,OAAO,EAAE,GAAG,EAAE,GAAG,KACtD,QAAQ,CACS,CACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,YAAY,CAAA;AAEtC,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEpC,KAAK,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEtC,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEpC,OAAO,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAE1C,KAAK,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,gBAAgB,CACxC;IACE,IAAI,MAAA;IACJ,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,OAAO,SAAA;IACP,KAAK,OAAA;CACN,EACD,WAAW,CACZ,CAAA"}
+{"version":3,"file":"ToolHeader.js","sourceRoot":"","sources":["../../src/ToolHeader/ToolHeader.tsx"],"names":[],"mappings":"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"}

package/dist/ToolHeader/ToolHeader.styles.js

@@ -7,7 +7,9 @@ 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"])), getTypographyIntent('small'), spacing.sm, spacing.sm, function (_a) {
+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') {
@@ -15,10 +17,11 @@ export var StyledHeaderBadge = styled.div(templateObject_2 || (templateObject_2
         }
     }
 });
+// 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 + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ", " + ", ",\n  a + ", " {\n    margin-left: ", "px;\n  }\n"])), StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
+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

@@ -1 +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,KAnBG,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,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,qNAAA,uFAMtC,EAA6B,KAAM,EAAqB,WACpD,EAAqB,uBACV,EAAU,YAE5B,KAJG,6BAA6B,EAAM,qBAAqB,EACpD,qBAAqB,EACV,OAAO,CAAC,EAAE,CAE5B,CAAA"}
+{"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

@@ -1,4 +1,5 @@
 /// <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 {
@@ -14,3 +15,14 @@ export interface ToolHeaderIconProps extends Props {
      */
     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/Tooltip/Tooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { TriggerVariant } from '../_hooks/Trigger';
+import { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types';
 import { Placement } from '../_utils/placement';
 import { Props } from '../_utils/types';
 export interface TooltipContentProps extends Props {
@@ -35,5 +35,5 @@ export interface TooltipProps extends Props {
      * The event to trigger the overlay
      * @since 10.19.0
      */
-    trigger?: TriggerVariant;
+    trigger?: OverlayTriggerProps['trigger'];
 }

package/dist/_hooks/I18n.d.ts

@@ -608,6 +608,9 @@ export declare const coreTranslations: {
             token: {
                 remove: string;
             };
+            toolHeader: {
+                settingsAction: string;
+            };
             fileSelect: {
                 localFilesSource: string;
                 uploadFailed: string;

package/dist/_locales/en.json

@@ -305,6 +305,9 @@
         "token": {
             "remove": "Remove selection"
         },
+        "toolHeader": {
+            "settingsAction": "Configure Settings"
+        },
         "fileSelect": {
             "localFilesSource": "My Computer",
             "uploadFailed": "Upload Failed",

package/dist/_styles/mixins.d.ts

@@ -1,4 +1,7 @@
 import { Intent } from '../Typography/Typography.types';
+/**
+ * Using box-shadow only, will not change size with a border.
+ */
 export declare const focusable: import("styled-components").FlattenSimpleInterpolation;
 export declare const defaultTransition: import("styled-components").FlattenSimpleInterpolation;
 export declare function getEllipsis(): import("styled-components").FlattenSimpleInterpolation;

package/dist/_styles/mixins.js

@@ -5,6 +5,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import { css } from 'styled-components';
 import { typographyLineHeight } from '../Typography/Typography.styles';
 import { colors } from './colors';
+/**
+ * Using box-shadow only, will not change size with a border.
+ */
 export var focusable = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.focus,\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 1px ", ", inset 0 0 0 1px ", ";\n  }\n"], ["\n  &.focus,\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 1px ", ", inset 0 0 0 1px ", ";\n  }\n"])), colors.blue40, colors.blue40);
 export var defaultTransition = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transition: all 0.2s ease-in;\n"], ["\n  transition: all 0.2s ease-in;\n"])));
 export function getEllipsis() {

package/dist/_styles/mixins.js.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.js","sourceRoot":"","sources":["../../src/_styles/mixins.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,CAAC,IAAM,SAAS,GAAG,GAAG,gLAAA,2EAIA,EAAa,oBAAqB,EAAa,UAE1E,KAF2B,MAAM,CAAC,MAAM,EAAqB,MAAM,CAAC,MAAM,CAE1E,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,GAAG,wGAAA,qCAEnC,IAAA,CAAA;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,GAAG,wJAAA,qFAIT,KAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,GAAG,yMAAA,wEAGQ,EAAa,+BACL,EAAa,2BAEtC,KAHiB,MAAM,CAAC,MAAM,EACL,MAAM,CAAC,MAAM,EAEtC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAS;IAAT,sBAAA,EAAA,SAAS;IACpC,OAAO,GAAG,uMAAqB,uDAEP,EAAK,mEAGzB,EAGD,MACF,KAPuB,KAAK,EAGzB,UAAC,EAAmB;YAAjB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA;QAAO,OAAA,GAAG,kLAAA,kGAEd,EAAgC,WAC/C,KADe,oBAAoB,CAAC,MAAM,CAAC,GAAG,CAAC;IAFrB,CAG1B,EACF;AACH,CAAC"}
+{"version":3,"file":"mixins.js","sourceRoot":"","sources":["../../src/_styles/mixins.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC;;GAEG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,GAAG,gLAAA,2EAIA,EAAa,oBAAqB,EAAa,UAE1E,KAF2B,MAAM,CAAC,MAAM,EAAqB,MAAM,CAAC,MAAM,CAE1E,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,GAAG,wGAAA,qCAEnC,IAAA,CAAA;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,GAAG,wJAAA,qFAIT,KAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,GAAG,yMAAA,wEAGQ,EAAa,+BACL,EAAa,2BAEtC,KAHiB,MAAM,CAAC,MAAM,EACL,MAAM,CAAC,MAAM,EAEtC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAS;IAAT,sBAAA,EAAA,SAAS;IACpC,OAAO,GAAG,uMAAqB,uDAEP,EAAK,mEAGzB,EAGD,MACF,KAPuB,KAAK,EAGzB,UAAC,EAAmB;YAAjB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA;QAAO,OAAA,GAAG,kLAAA,kGAEd,EAAgC,WAC/C,KADe,oBAAoB,CAAC,MAAM,CAAC,GAAG,CAAC;IAFrB,CAG1B,EACF;AACH,CAAC"}

package/dist/_typedoc/Avatar/Avatar.types.json

@@ -10,7 +10,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "name": "className",
@@ -20,7 +20,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "name": "icon",
@@ -30,7 +30,7 @@
         "description": "The icon to display",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The icon to display</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/Avatar/Avatar.types.ts#L49"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/Avatar/Avatar.types.ts#L100"
       },
       {
         "name": "style",
@@ -40,7 +40,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""
@@ -56,7 +56,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "name": "className",
@@ -66,7 +66,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "name": "style",
@@ -76,7 +76,43 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L55"
+      }
+    ],
+    "description": ""
+  },
+  "AvatarPolyMap": {
+    "name": "AvatarPolyMap",
+    "properties": [
+      {
+        "name": "button",
+        "required": true,
+        "type": "<span class=\"tsd-signature-type\">&quot;div&quot;</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;div&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/Avatar/Avatar.types.ts#L12"
+      },
+      {
+        "name": "img",
+        "required": true,
+        "type": "<span class=\"tsd-signature-type\">&quot;div&quot;</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;div&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/Avatar/Avatar.types.ts#L13"
+      },
+      {
+        "name": "link",
+        "required": true,
+        "type": "<span class=\"tsd-signature-type\">&quot;a&quot;</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;a&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/Avatar/Avatar.types.ts#L14"
       }
     ],
     "description": ""
@@ -92,7 +128,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "name": "className",
@@ -102,7 +138,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "name": "imageUrl",
@@ -112,7 +148,7 @@
         "description": "The Avatar rich media url",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The Avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/Avatar/Avatar.types.ts#L57"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/Avatar/Avatar.types.ts#L108"
       },
       {
         "name": "style",
@@ -122,13 +158,13 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""
   },
-  "AvatarProps": {
-    "name": "AvatarProps",
+  "BaseAvatarProps": {
+    "name": "BaseAvatarProps",
     "properties": [
       {
         "name": "children",
@@ -138,7 +174,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "name": "className",
@@ -148,18 +184,20 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "name": "clickable",
         "required": false,
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
-        "description": "Sets the Avatar's clickable state",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar&#39;s clickable state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
-        "defaultValue": "false\n",
+        "description": "Sets the Avatar's clickable UI state. For accessibility, see `role`",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar&#39;s clickable UI state. For accessibility, see <code>role</code></p>\n</div><dl class=\"tsd-comment-tags\"><dt>ally</dt><dd><p>This prop is around UI and has 0 UX or JS for interaction, try <code>role</code> instead.</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>deprecated</dt><dd><p>Reviewing for removal from system, prefer accessible <code>role</code> for interactive UI.</p>\n</dd><dt>deprecatedsince</dt><dd><p>TBD</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "defaultValue": "false",
+        "deprecated": "Reviewing for removal from system, prefer accessible `role` for interactive UI.",
+        "deprecatedSince": "TBD",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/Avatar/Avatar.types.ts#L34"
       },
       {
         "name": "disabled",
@@ -170,7 +208,7 @@
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar&#39;s disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
         "defaultValue": "false\n",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/Avatar/Avatar.types.ts#L18"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "size",
@@ -183,7 +221,7 @@
         "deprecated": "\n\nSize \"xl\" has been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
         "deprecatedSince": "10.20.0",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/Avatar/Avatar.types.ts#L62"
       },
       {
         "name": "style",
@@ -193,7 +231,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/06179d0e2/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/0ebb8215d/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""