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

package/dist/Semantic/Semantic.styles.d.ts

@@ -3,5 +3,15 @@ export declare const StyledH2: import("styled-components").StyledComponent<"h2",
 export declare const StyledH3: import("styled-components").StyledComponent<"h3", any, {}, never>;
 export declare const StyledP: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const StyledUL: import("styled-components").StyledComponent<"ul", any, {}, never>;
+/**
+ * An unstyled `button`, browser reset
+ */
 export declare function getUnstyledButton(): import("styled-components").FlattenSimpleInterpolation;
+/**
+ * An unstyled `button`, browser reset
+ */
 export declare const StyledUnstyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+/**
+ * An a styled component a
+ */
+export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;

package/dist/Semantic/Semantic.styles.js

@@ -13,10 +13,28 @@ var topMarginRules = function () {
     return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    & + &,\n    p + &,\n    ul + & {\n      margin-top: ", "px;\n    }\n  "], ["\n    & + &,\n    p + &,\n    ul + & {\n      margin-top: ", "px;\n    }\n  "])), spacing.lg);
 };
 export var StyledP = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  ", "\n  ", "\n  ", "\n"], ["\n  color: ", ";\n  ", "\n  ", "\n  ", "\n"])), colors.gray15, getTypographyIntent('body'), topMarginRules, semiboldRules);
-export var StyledUL = styled.ul(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0;\n  padding: 0;\n  ", "\n  ", "\n\n  padding-left: ", "px;\n\n  & > li {\n    list-style-type: disc;\n  }\n"], ["\n  color: ", ";\n  margin: 0;\n  padding: 0;\n  ", "\n  ", "\n\n  padding-left: ", "px;\n\n  & > li {\n    list-style-type: disc;\n  }\n"])), colors.gray15, getTypographyIntent('body'), topMarginRules, spacing.lg);
+export var StyledUL = styled.ul(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0;\n  padding: 0;\n  ", "\n  ", "\n\n  padding-left: ", "px;\n\n  & > li {\n    list-style-type: disc;\n  }\n"], ["\n  color: ", ";\n  margin: 0;\n  padding: 0;\n  ", "\n  ", "\n\n  padding-left: ", "px;\n\n  & > li {\n    list-style-type: disc;\n  }\n"
+    /**
+     * An unstyled `button`, browser reset
+     */
+])), colors.gray15, getTypographyIntent('body'), topMarginRules, spacing.lg);
+/**
+ * An unstyled `button`, browser reset
+ */
 export function getUnstyledButton() {
     return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    border: none;\n    background: none;\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n    padding: 0;\n    text-transform: none;\n    -webkit-appearance: button;\n  "], ["\n    border: none;\n    background: none;\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n    padding: 0;\n    text-transform: none;\n    -webkit-appearance: button;\n  "])));
 }
-export var StyledUnstyledButton = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getUnstyledButton);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+/**
+ * An unstyled `button`, browser reset
+ */
+export var StyledUnstyledButton = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"
+    /**
+     * An a styled component a
+     */
+])), getUnstyledButton);
+/**
+ * An a styled component a
+ */
+export var StyledAnchor = styled.a(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 //# sourceMappingURL=Semantic.styles.js.map

package/dist/Semantic/Semantic.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Semantic.styles.js","sourceRoot":"","sources":["../../src/Semantic/Semantic.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,aAAa,GACd,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AAED,IAAM,cAAc,GAAG;IACrB,OAAO,GAAG,iJAAA,4DAIQ,EAAU,gBAE3B,KAFiB,OAAO,CAAC,EAAE,EAE3B;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,CAAC,+GAAA,aACpB,EAAa,OACpB,EAA2B,MAC3B,EAAc,MACd,EAAa,IAChB,KAJU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EACd,aAAa,CAChB,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,8MAAA,aACtB,EAAa,oCAGpB,EAA2B,MAC3B,EAAc,sBAEA,EAAU,sDAK3B,KAXU,MAAM,CAAC,MAAM,EAGpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EAEA,OAAO,CAAC,EAAE,CAK3B,CAAA;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,GAAG,yRAAA,sNAUT,KAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,+EAAA,MAC7C,EAAiB,IACpB,KADG,iBAAiB,CACpB,CAAA"}
+{"version":3,"file":"Semantic.styles.js","sourceRoot":"","sources":["../../src/Semantic/Semantic.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,aAAa,GACd,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AAED,IAAM,cAAc,GAAG;IACrB,OAAO,GAAG,iJAAA,4DAIQ,EAAU,gBAE3B,KAFiB,OAAO,CAAC,EAAE,EAE3B;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,CAAC,+GAAA,aACpB,EAAa,OACpB,EAA2B,MAC3B,EAAc,MACd,EAAa,IAChB,KAJU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EACd,aAAa,CAChB,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,8MAAA,aACtB,EAAa,oCAGpB,EAA2B,MAC3B,EAAc,sBAEA,EAAU,sDAK3B;IACD;;OAEG;KAdQ,MAAM,CAAC,MAAM,EAGpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EAEA,OAAO,CAAC,EAAE,CAK3B,CAAA;AACD;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO,GAAG,yRAAA,sNAUT,KAAA;AACH,CAAC;AACD;;GAEG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,+EAAA,MAC7C,EAAiB,IACpB;IAED;;OAEG;KALC,iBAAiB,CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,qEAAA,EAAE,IAAA,CAAA"}

package/dist/SuperSelect/SuperSelect.styles.d.ts

@@ -6,7 +6,9 @@ export declare const StyledVirtuoso: import("styled-components").StyledComponent
 export declare const StyledEllipses: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledItemAvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledItemAvatar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").AvatarProps & import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>> & {
+export declare const StyledItemAvatar: import("styled-components").StyledComponent<(<Role extends import("../Avatar/Avatar.types").AvatarRoles>(props: import("..").AvatarProps<Role> | (import("../Avatar/Avatar.types").BaseAvatarProps & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+})) => JSX.Element) & {
     Icon: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarIconProps & import("react").RefAttributes<HTMLDivElement>>;
     Label: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Avatar/Avatar.types").AvatarLabelProps & import("react").RefAttributes<HTMLDivElement>>;
     Portrait: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarPortraitProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -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

@@ -444,6 +444,7 @@ export declare const coreTranslations: {
             };
             dateInput: {
                 clear: string;
+                ariaLabel: string;
                 segment: {
                     ariaLabel: {
                         withValue: {
@@ -457,6 +458,9 @@ export declare const coreTranslations: {
                             year: string;
                         };
                     };
+                    ariaValueText: {
+                        empty: string;
+                    };
                 };
                 clearButton: {
                     ariaLabel: string;
@@ -608,6 +612,9 @@ export declare const coreTranslations: {
             token: {
                 remove: string;
             };
+            toolHeader: {
+                settingsAction: string;
+            };
             fileSelect: {
                 localFilesSource: string;
                 uploadFailed: string;

package/dist/_locales/en.json

@@ -141,6 +141,7 @@
         },
         "dateInput": {
             "clear": "Delete field",
+            "ariaLabel": "Current value is {{value}}",
             "segment": {
                 "ariaLabel": {
                     "withValue": {
@@ -153,6 +154,9 @@
                         "day": "Set a day",
                         "year": "Set a year"
                     }
+                },
+                "ariaValueText": {
+                    "empty": "Empty"
                 }
             },
             "clearButton": {
@@ -305,6 +309,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"}