@procore/core-react 11.7.0-rc.1 → 11.7.0-rc.11

package/dist/Thumbnail/Thumbnail.types.d.ts

@@ -1,4 +1,6 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
+import { Polymorphic } from '../_utils/polymorphic';
+import { AriaLabelled, Props } from '../_utils/types';
 import { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon';
 export declare type SizeVariant = 'sm' | 'lg';
 export declare type LayoutVariant = 'row' | 'column';
@@ -8,7 +10,20 @@ export interface QaTags {
      */
     caption?: string;
 }
-export interface ThumbnailProps {
+/**
+ * @since 11.6.0
+ */
+export declare type ThumbnailRoleType = 'checkbox' | 'figure';
+export declare type ThumbnailRoles = ThumbnailRoleType | undefined;
+interface ThumbnailPolyMap extends Record<ThumbnailRoleType, React.ElementType> {
+    figure: 'figure';
+    checkbox: 'input';
+}
+/**
+ * @since 11.6.0
+ */
+export declare type ThumbnailRef<Role extends ThumbnailRoles = undefined> = Role extends ThumbnailRoleType ? Polymorphic.Ref<ThumbnailPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
+export interface BaseThumbnailProps extends Props {
     /**
      * Alt text for the Thumbnail image
      * @since 11.6.0
@@ -18,7 +33,7 @@ export interface ThumbnailProps {
      * An image URL or a <Code>File</Code> to generate a preview for
      * @since 10.19.0
      */
-    src?: File | string;
+    src?: File | string | null;
     /**
      * Thumbnail size
      * @default 'lg'
@@ -63,6 +78,18 @@ export interface ThumbnailProps {
      * @since 10.19.0
      */
     hasCaptionPlaceholder?: boolean;
+    /**
+     * Unless variant is provided, filename is used
+     * to choose a placeholder icon based on extension.
+     * E.g. for 'filename="panda.png"', image {' '}
+     * variant will be used
+     * @since 11.7.0
+     * */
+    filename?: string;
+    /**
+     * @since 11.7.0
+     */
+    variant?: ThumbnailDocumentIconVariant;
     /**
      * Thumbnail label
      * @default ''
@@ -70,34 +97,44 @@ export interface ThumbnailProps {
      */
     label?: string;
     /**
-     * @since 10.19.0
+     * @since 11.6.0
      */
-    className?: string;
+    tabIndex?: number;
     /**
      * @since 10.19.0
      */
     qa?: QaTags;
+    /**
+     * @since 11.6.0
+     */
+    onClick?: (e: React.MouseEvent) => void;
 }
+declare type DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {
+    role?: Role;
+} & BaseThumbnailProps;
+export declare type ThumbnailProps<Role extends ThumbnailRoles = undefined> = Role extends 'figure' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'figure', never, BaseThumbnailProps> : Role extends 'checkbox' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'checkbox', never, BaseThumbnailProps & {
+    /** onChange from React Aria is fired before onClick */
+    onChange?: (isSelected: boolean) => void;
+}> : DecorativeThumbnailProps & {
+    ref?: ThumbnailRef<undefined>;
+};
 export interface FilePreviewProps {
     /**
      * @since 10.19.0
      */
     file: File;
 }
-export interface PlaceholderProps extends Omit<ThumbnailProps, 'src'> {
-    /**
-     * Unless variant is provided, filename is used
-     * to choose a placeholder icon based on extension.
-     * E.g. for 'filename="panda.png"', image {' '}
-     * variant will be used
-     * @since 10.19.0
-     * */
-    filename?: string;
-    /**
-     * @since 10.19.0
-     */
-    variant?: ThumbnailDocumentIconVariant;
+export interface BasePlaceholderProps extends Omit<BaseThumbnailProps, 'src'> {
 }
+declare type DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {
+    role?: Role;
+} & BasePlaceholderProps;
+export declare type PlaceholderProps<Role extends ThumbnailRoles = undefined> = Role extends 'figure' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'figure', never, AriaLabelled<BasePlaceholderProps>> : Role extends 'checkbox' ? Polymorphic.ComponentPropsWithRef<ThumbnailPolyMap, 'checkbox', never, AriaLabelled<BasePlaceholderProps> & {
+    /** onChange from React Aria is fired before onClick */
+    onChange?: (isSelected: boolean) => void;
+}> : DecorativePlaceholderProps & {
+    ref?: ThumbnailRef<undefined>;
+};
 export interface MultilineCaptionProps {
     /**
      * @since 10.19.0
@@ -187,6 +224,10 @@ export interface CaptionProps {
     qa?: string;
 }
 export interface LabelProps {
+    /**
+     * @since 11.6.0
+     */
+    id?: string;
     /**
      * @since 10.19.0
      */
@@ -206,3 +247,4 @@ export interface TickIconProps {
      */
     selected: boolean;
 }
+export {};

package/dist/Thumbnail/Thumbnail.utils.d.ts

@@ -1,3 +1,3 @@
 import { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon';
-export declare function getIsFilePreviewableAsImage(src: File | string | undefined): boolean;
+export declare function getIsFilePreviewableAsImage(src: File | string | null | undefined): boolean;
 export declare function getThumbnailVariantForFilename(filename: string): ThumbnailDocumentIconVariant;

package/dist/Thumbnail/Thumbnail.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.utils.js","sourceRoot":"","sources":["../../src/Thumbnail/Thumbnail.utils.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,UAAU,2BAA2B,CAAC,GAA8B;IACxE,OAAO,CACL,GAAG,YAAY,IAAI;QACnB,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAC7B,oFAAoF;QACpF,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;QAClC,wEAAwE;QACxE,GAAG,CAAC,IAAI,KAAK,YAAY,CAC1B,CAAA;AACH,CAAC;AAED,IAAM,UAAU;QACd,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;QACjE,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QACtC,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACrB,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;QAC3B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QAC3B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;QACrB,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QAC1B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACnB,GAAG,EAAE,CAAC,KAAK,CAAC;QACZ,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;QAC3B,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;;IAC7B,GAAC,IAAI,IAAG;QACN,KAAK;QACL,KAAK;QACL,IAAI;QACJ,KAAK;QACL,KAAK;QACL,KAAK;QACL,MAAM;QACN,MAAM;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;KACN;IACD,UAAO,GAAE,EAAE;OACZ,CAAA;AAED,IAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAGlD,CAAA;AAEH,IAAM,kBAAkB,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAY;QAAX,IAAI,QAAA,EAAE,IAAI,QAAA;IACrE,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;QACf,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;IACjB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAA;AACZ,CAAC,EAAE,EAAkD,CAAC,CAAA;AAEtD,MAAM,UAAU,8BAA8B,CAC5C,QAAgB;IAEhB,IAAM,kBAAkB,GAAG,SAAS,CAAA;IAEpC,IAAI;QACF,IAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QACtC,OAAO,GAAG;YACR,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,kBAAkB;YAC/C,CAAC,CAAC,kBAAkB,CAAA;KACvB;IAAC,WAAM;QACN,OAAO,kBAAkB,CAAA;KAC1B;AACH,CAAC"}
+{"version":3,"file":"Thumbnail.utils.js","sourceRoot":"","sources":["../../src/Thumbnail/Thumbnail.utils.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,UAAU,2BAA2B,CACzC,GAAqC;IAErC,OAAO,CACL,GAAG,YAAY,IAAI;QACnB,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAC7B,oFAAoF;QACpF,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;QAClC,wEAAwE;QACxE,GAAG,CAAC,IAAI,KAAK,YAAY,CAC1B,CAAA;AACH,CAAC;AAED,IAAM,UAAU;QACd,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;QACjE,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QACtC,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACrB,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;QAC3B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QAC3B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;QACrB,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QAC1B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACnB,GAAG,EAAE,CAAC,KAAK,CAAC;QACZ,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;QAC3B,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;;IAC7B,GAAC,IAAI,IAAG;QACN,KAAK;QACL,KAAK;QACL,IAAI;QACJ,KAAK;QACL,KAAK;QACL,KAAK;QACL,MAAM;QACN,MAAM;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;KACN;IACD,UAAO,GAAE,EAAE;OACZ,CAAA;AAED,IAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAGlD,CAAA;AAEH,IAAM,kBAAkB,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAY;QAAX,IAAI,QAAA,EAAE,IAAI,QAAA;IACrE,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;QACf,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;IACjB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAA;AACZ,CAAC,EAAE,EAAkD,CAAC,CAAA;AAEtD,MAAM,UAAU,8BAA8B,CAC5C,QAAgB;IAEhB,IAAM,kBAAkB,GAAG,SAAS,CAAA;IAEpC,IAAI;QACF,IAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QACtC,OAAO,GAAG;YACR,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,kBAAkB;YAC/C,CAAC,CAAC,kBAAkB,CAAA;KACvB;IAAC,WAAM;QACN,OAAO,kBAAkB,CAAA;KAC1B;AACH,CAAC"}

package/dist/Thumbnail/ThumbnailPreview.js

@@ -4,17 +4,18 @@ export function ThumbnailPreview(_a) {
     var file = _a.file;
     var _b = React.useState(''), fileUrl = _b[0], setFileUrl = _b[1];
     React.useEffect(function () {
-        var _a;
+        var _a, _b;
         if (!file) {
             setFileUrl('');
             return;
         }
-        setFileUrl(((_a = URL.createObjectURL(file)) !== null && _a !== void 0 ? _a : '').toString());
+        setFileUrl(((_b = (_a = URL.createObjectURL) === null || _a === void 0 ? void 0 : _a.call(URL, file)) !== null && _b !== void 0 ? _b : '').toString());
     }, [file]);
     React.useEffect(function () {
         return function () {
+            var _a;
             if (fileUrl) {
-                URL.revokeObjectURL(fileUrl);
+                (_a = URL.revokeObjectURL) === null || _a === void 0 ? void 0 : _a.call(URL, fileUrl);
             }
         };
     }, [fileUrl]);

package/dist/Thumbnail/ThumbnailPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailPreview.js","sourceRoot":"","sources":["../../src/Thumbnail/ThumbnailPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAGhE,MAAM,UAAU,gBAAgB,CAAC,EAA0B;QAAxB,IAAI,UAAA;IAC/B,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAA;IAEhD,KAAK,CAAC,SAAS,CAAC;;QACd,IAAI,CAAC,IAAI,EAAE;YACT,UAAU,CAAC,EAAE,CAAC,CAAA;YACd,OAAM;SACP;QAED,UAAU,CAAC,CAAC,MAAA,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,KAAK,CAAC,SAAS,CAAC;QACd,OAAO;YACL,IAAI,OAAO,EAAE;gBACX,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;aAC7B;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAC,2BAA2B,gBAAW,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AAC5E,CAAC"}
+{"version":3,"file":"ThumbnailPreview.js","sourceRoot":"","sources":["../../src/Thumbnail/ThumbnailPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAGhE,MAAM,UAAU,gBAAgB,CAAC,EAA0B;QAAxB,IAAI,UAAA;IAC/B,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAA;IAEhD,KAAK,CAAC,SAAS,CAAC;;QACd,IAAI,CAAC,IAAI,EAAE;YACT,UAAU,CAAC,EAAE,CAAC,CAAA;YACd,OAAM;SACP;QAED,UAAU,CAAC,CAAC,MAAA,MAAA,GAAG,CAAC,eAAe,oDAAG,IAAI,CAAC,mCAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,KAAK,CAAC,SAAS,CAAC;QACd,OAAO;;YACL,IAAI,OAAO,EAAE;gBACX,MAAA,GAAG,CAAC,eAAe,oDAAG,OAAO,CAAC,CAAA;aAC/B;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAC,2BAA2B,gBAAW,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AAC5E,CAAC"}

package/dist/ThumbnailGrid/ThumbnailGrid.js

@@ -29,6 +29,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+import { useFocusWithin } from '@react-aria/interactions';
 import React from 'react';
 import { VariableSizeGrid } from 'react-window';
 import InfiniteLoader from 'react-window-infinite-loader';
@@ -127,7 +128,7 @@ var ThumbnailCell = function (_a) {
 var GridOuterContainer = React.forwardRef(function (props, ref) { return React.createElement("div", __assign({ ref: ref, tabIndex: -1 }, props)); });
 var GridInnerContainer = React.forwardRef(function (_a, ref) {
     var style = _a.style, props = __rest(_a, ["style"]);
-    return (React.createElement("div", __assign({ ref: ref, style: __assign(__assign({}, style), { paddingLeft: gridLeftPadding, width: (style === null || style === void 0 ? void 0 : style.width) + gridLeftPadding }) }, props)));
+    return (React.createElement("div", __assign({ ref: ref, tabIndex: -1, style: __assign(__assign({}, style), { paddingLeft: gridLeftPadding, width: (style === null || style === void 0 ? void 0 : style.width) + gridLeftPadding }) }, props)));
 });
 export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
     var items = _a.items, selected = _a.selected, groups = _a.groups, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.gridWidth, gridWidth = _c === void 0 ? defaultGridWidth : _c, _d = _a.gridHeight, gridHeight = _d === void 0 ? defaultGridHeight : _d, _e = _a.onSelect, onSelect = _e === void 0 ? noop : _e, _f = _a.onDeselect, onDeselect = _f === void 0 ? noop : _f, _g = _a.disableSelection, disableSelection = _g === void 0 ? {
@@ -139,6 +140,10 @@ export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
     var gridContainer = gridContainerRef.current;
     var gridRef = React.useRef(null);
     var gridInstance = gridRef.current;
+    var focusWithinProps = useFocusWithin({
+        onFocusWithin: function (e) { return setIsGridFocused(true); },
+        onBlurWithin: function (e) { return setIsGridFocused(false); },
+    }).focusWithinProps;
     var rows = React.useMemo(function () {
         return getGridRows({
             items: items,
@@ -217,10 +222,10 @@ export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
         indicesRows: navigationIndicesRows,
     });
     var isThumbnailSelected = function (thumbnail) {
-        return selected.map(function (_a) {
+        return selected.some(function (_a) {
             var id = _a.id;
-            return id;
-        }).includes(thumbnail.id);
+            return thumbnail.id === id;
+        });
     };
     var toggle = function (thumbnail) {
         if (isThumbnailSelected(thumbnail)) {
@@ -232,12 +237,12 @@ export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
     };
     var onMouseDown = function (e) {
         e.preventDefault();
-        var focusedEl = document.activeElement;
-        if (focusedEl && focusedEl !== gridContainer) {
-            focusedEl.blur();
-        }
     };
     var updateNavigationPosition = function (e) {
+        if (e.key === 'Tab' && e.nativeEvent.shiftKey) {
+            e.preventDefault();
+            return navigation.left(e);
+        }
         switch (e.key) {
             case 'ArrowDown':
             case 'Down':
@@ -251,6 +256,7 @@ export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
             case 'Left':
                 e.preventDefault();
                 return navigation.left(e);
+            case 'Tab':
             case 'ArrowRight':
             case 'Right':
                 e.preventDefault();
@@ -262,7 +268,7 @@ export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
     var onKeyDown = function (e) {
         if (!isGridFocused)
             return;
-        if (e.key === 'Enter') {
+        if (e.key === 'Enter' || e.key === ' ') {
             e.preventDefault();
             toggle(items[navigation.index]);
         }
@@ -283,10 +289,10 @@ export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
         // Method below clears cached data and triggers recalucation when a new value of search filter recomposites grid structure.
         gridInstance === null || gridInstance === void 0 ? void 0 : gridInstance.resetAfterRowIndex(0);
     }, [items, gridInstance]);
-    return (React.createElement(StyledThumbnailGrid, __assign({}, props, { ref: mergeRefs(forwardRef, gridContainerRef), "data-qa": qa === null || qa === void 0 ? void 0 : qa.grid, tabIndex: 0, onBlur: function () { return setIsGridFocused(false); }, onFocus: function () { return setIsGridFocused(true); }, onKeyDown: onKeyDown, onMouseDown: onMouseDown }),
+    return (React.createElement(StyledThumbnailGrid, __assign({}, props, focusWithinProps, { ref: mergeRefs(forwardRef, gridContainerRef), "data-qa": qa === null || qa === void 0 ? void 0 : qa.grid, tabIndex: 0, onMouseDown: onMouseDown }),
         React.createElement(InfiniteLoader, { loadMoreItems: isFetching ? asyncNoop : loadMoreItems, itemCount: rows.length, isItemLoaded: function (index) { return index < rows.length - 1; }, threshold: 0 }, function (_a) {
             var onItemsRendered = _a.onItemsRendered, infiniteLoaderRef = _a.ref;
-            return (React.createElement(VariableSizeGrid, { width: gridWidth, height: gridHeight, rowCount: rows.length, rowHeight: function (index) { return rowHeights[index]; }, columnCount: columnsCount, columnWidth: function () { return columnWidth; }, innerElementType: GridInnerContainer, outerElementType: GridOuterContainer, overscanRowCount: 2, onItemsRendered: function (_a) {
+            return (React.createElement(VariableSizeGrid, { width: gridWidth, height: gridHeight, rowCount: rows.length, rowHeight: function (index) { return rowHeights[index]; }, columnCount: columnsCount, columnWidth: function () { return columnWidth; }, innerElementType: GridInnerContainer, overscanRowCount: 2, onItemsRendered: function (_a) {
                     var visibleRowStartIndex = _a.visibleRowStartIndex, visibleRowStopIndex = _a.visibleRowStopIndex, overscanRowStopIndex = _a.overscanRowStopIndex, overscanRowStartIndex = _a.overscanRowStartIndex;
                     onItemsRendered({
                         overscanStartIndex: overscanRowStartIndex,
@@ -315,7 +321,9 @@ export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
                 var isDisabled = disableSelection.value && !isSelected;
                 return (React.createElement(ThumbnailCell, { style: style },
                     React.createElement(Tooltip, { key: cellData.id, trigger: isDisabled ? 'hover' : 'none', overlay: disableSelection.tooltip, showKeys: [] },
-                        React.createElement(StyledThumbnail, { "data-thumbnail": true, "data-qa": (_b = qa === null || qa === void 0 ? void 0 : qa.thumbnail) === null || _b === void 0 ? void 0 : _b.call(qa, cellData.id), focused: isFocused, selected: isSelected, disabled: isDisabled, caption: cellData.name, src: cellData.src, label: cellData.label, hasCaptionPlaceholder: true, onClick: function (_a) {
+                        React.createElement(StyledThumbnail, { "data-thumbnail": true, "data-qa": (_b = qa === null || qa === void 0 ? void 0 : qa.thumbnail) === null || _b === void 0 ? void 0 : _b.call(qa, cellData.id), focused: isFocused, selected: isSelected, disabled: isDisabled, caption: cellData.name, src: cellData.src, label: cellData.label, hasCaptionPlaceholder: true, role: 'checkbox', value: String(thumbnailNavigationIndex), onKeyDown: onKeyDown, onChange: function () {
+                                toggle(cellData);
+                            }, onClick: function (_a) {
                                 var _b;
                                 var target = _a.target;
                                 var isCaptionTooltipClick = (_b = target
@@ -324,6 +332,7 @@ export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
                                     return;
                                 navigation.setIndex(thumbnailNavigationIndex);
                                 toggle(cellData);
+                                console.log(cellData);
                                 gridContainer === null || gridContainer === void 0 ? void 0 : gridContainer.focus();
                             } }))));
             }));

package/dist/ThumbnailGrid/ThumbnailGrid.js.map

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

package/dist/ThumbnailGrid/ThumbnailGrid.styles.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
 export declare const StyledGroupCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledThumbnail: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Thumbnail").ThumbnailProps & import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>> & {
-    Placeholder: import("react").ForwardRefExoticComponent<import("../Thumbnail/Thumbnail.types").PlaceholderProps & import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+export declare const StyledThumbnail: import("styled-components").StyledComponent<(<Role extends import("../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../Thumbnail").ThumbnailProps<Role> | (import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+    ref?: import("../Thumbnail/Thumbnail.types").ThumbnailRef<Role> | undefined;
+})) => JSX.Element) & {
+    Placeholder: <Role_1 extends import("../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../Thumbnail/Thumbnail.types").PlaceholderProps<Role_1> | (import("../Thumbnail/Thumbnail.types").BasePlaceholderProps & {
+        ref?: import("../Thumbnail/Thumbnail.types").ThumbnailRef<Role_1> | undefined;
+    })) => JSX.Element;
 }, any, {}, never>;
 export declare const StyledGroupTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const StyledSpinnerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ThumbnailGrid/ThumbnailGrid.types.d.ts

@@ -1,4 +1,4 @@
-import { ThumbnailProps } from '../Thumbnail/Thumbnail.types';
+import { ThumbnailProps, ThumbnailRoleType } from '../Thumbnail/Thumbnail.types';
 export interface ThumbnailGridGroup {
     /**
      * @since 10.19.0
@@ -87,15 +87,15 @@ export interface ThumbnailGridItem {
     /**
      * @since 10.19.0
      */
-    src?: ThumbnailProps['src'];
+    src?: ThumbnailProps<ThumbnailRoleType>['src'];
     /**
      * @since 10.19.0
      */
-    name?: ThumbnailProps['caption'];
+    name?: ThumbnailProps<ThumbnailRoleType>['caption'];
     /**
      * @since 10.19.0
      */
-    label?: ThumbnailProps['label'];
+    label?: ThumbnailProps<ThumbnailRoleType>['label'];
     /**
      * @since 10.19.0
      */

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