@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/Thumbnail/DocumentIcon.js

@@ -0,0 +1,192 @@
+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 _a;
+import React from 'react';
+function Unknown(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#D6DADC" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#EEF0F1" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#ACB5B9" }),
+        React.createElement("path", { d: "M10.3925 12.3347C10.3925 11.9288 10.4718 11.4314 10.69 11.075C10.8538 10.8075 11.1576 10.4993 11.9626 10.4993C12.9321 10.4993 13.2676 10.7795 13.385 10.9179C13.527 11.0854 13.6075 11.3503 13.6075 11.7099C13.6075 12.2888 13.2431 12.7633 12.6054 13.0819C11.748 13.5102 11.2551 14.1878 11.0249 14.5764C10.7883 14.9758 10.729 15.393 10.729 15.7154V16.6667H13.1215V15.7953C13.2275 15.6435 13.3977 15.4564 13.6376 15.3366C14.7196 14.796 16 13.6303 16 11.7099C16 11.0281 15.8562 10.0629 15.1758 9.2606C14.4707 8.42921 13.3857 8 11.9626 8C10.3751 8 9.29573 8.71368 8.67448 9.72835C8.10765 10.6541 8 11.6992 8 12.3347H10.3925Z", fill: "#75838A" }),
+        React.createElement("path", { d: "M11.9591 21.3386C12.8222 21.3386 13.5219 20.6389 13.5219 19.7757C13.5219 18.9126 12.8222 18.2129 11.9591 18.2129C11.0959 18.2129 10.3962 18.9126 10.3962 19.7757C10.3962 20.6389 11.0959 21.3386 11.9591 21.3386Z", fill: "#75838A" })));
+}
+function Image(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#AE76BC" }),
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 10H6V19H18V10ZM7.8 16.75H16.2L13.3125 12.25L11.2453 15.5108L9.9 13.25L7.8 16.75Z", fill: "#3D2244" }),
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#E1CCE6" }),
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#7B4389" }))));
+}
+function Drawing(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#79A3EC" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#1952B3" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#BCD1F5" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 8V21H19V13.0556H16V8H5ZM11 11.5V10L14 9.94444V15H17V19H11V16.5H9V19H7V15H11V13H7V10H9V11.5H11Z", fill: "#133D86" })));
+}
+function Zip(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("rect", { x: "3", width: "18", height: "24", rx: "2", fill: "#E3E6E8" }),
+        React.createElement("path", { d: "M10 0H12V2H10V0Z", fill: "#2F3437" }),
+        React.createElement("path", { d: "M10 4H12V6H10V4Z", fill: "#2F3437" }),
+        React.createElement("path", { d: "M12 2H14V4H12V2Z", fill: "#2F3437" }),
+        React.createElement("path", { d: "M12 6H14V8H12V6Z", fill: "#2F3437" }),
+        React.createElement("path", { d: "M10 8H12V10H10V8Z", fill: "#2F3437" }),
+        React.createElement("path", { d: "M10 12H12V14H10V12Z", fill: "#2F3437" }),
+        React.createElement("path", { d: "M12 10H14V12H12V10Z", fill: "#2F3437" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8673 15C10.3697 15 9.94773 15.3659 9.87736 15.8586L9.16307 20.8586C9.07701 21.461 9.54447 22 10.153 22H13.847C14.4555 22 14.923 21.461 14.837 20.8586L14.1227 15.8586C14.0523 15.3659 13.6304 15 13.1327 15H10.8673ZM11 20V17H13V20H11Z", fill: "#2F3437" })));
+}
+function Email(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#FFDD33" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#FFF2B3" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#CCAA00" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 10H6V10.9643L12.0073 14.9553L18 10.9643V10ZM18 12.3921L11.9928 16.3409L6 12.2363V19H18V12.3921Z", fill: "#665500" })));
+}
+function Excel(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#2FD926" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#82E87D" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#2AC322" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 21V9H18.5V21H5.5ZM12.6842 10.4118H17.1316V12.5294H12.6842V10.4118ZM11.3158 10.4118H6.86842V12.5294H11.3158V10.4118ZM11.3158 13.9412H6.86842V16.0588H11.3158V13.9412ZM11.3158 17.4706H6.86842V19.5882H11.3158V17.4706ZM12.6842 19.5882V17.4706H17.1316V19.5882H12.6842ZM12.6842 16.0588V13.9412H17.1316V16.0588H12.6842Z", fill: "#13570F" })))));
+}
+function Gantt(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#59E052" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#82E87D" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#2AC322" }),
+        React.createElement("path", { d: "M5.66669 8.66666C5.66669 7.93028 6.26364 7.33333 7.00002 7.33333H11C11.7364 7.33333 12.3334 7.93028 12.3334 8.66666C12.3334 9.40304 11.7364 9.99999 11 9.99999H9.66669V12.6667H17C17.7364 12.6667 18.3334 13.2636 18.3334 14C18.3334 14.7364 17.7364 15.3333 17 15.3333H15.6667V18H17C17.7364 18 18.3334 18.5969 18.3334 19.3333C18.3334 20.0697 17.7364 20.6667 17 20.6667H13C12.2636 20.6667 11.6667 20.0697 11.6667 19.3333C11.6667 18.5969 12.2636 18 13 18H14.3334V15.3333H7.00002C6.26364 15.3333 5.66669 14.7364 5.66669 14C5.66669 13.2636 6.26364 12.6667 7.00002 12.6667H8.33335V9.99999H7.00002C6.26364 9.99999 5.66669 9.40304 5.66669 8.66666Z", fill: "#13570F" })));
+}
+function Ini(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#919CA1" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#ACB5B9" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#5E696E" })),
+            React.createElement("path", { d: "M16.1573 13.2666L16.1581 13.2801C16.0799 13.0944 15.9988 12.9034 15.8968 12.7246C15.7949 12.5458 15.6834 12.3865 15.5637 12.2251L15.5749 12.2326L16.2663 10.4817L13.7392 9L12.5966 10.4817L12.6049 10.4839C12.2149 10.4314 11.8169 10.4257 11.417 10.4772L11.4223 10.4742L10.266 9.00436L7.73704 10.4833L8.42897 12.2317L8.43416 12.2286C8.19015 12.5537 7.99609 12.9056 7.84599 13.2739L7.84819 13.2656L6.00186 13.5248L6 16.4854L7.8427 16.7544L7.84189 16.7408C7.92006 16.9266 8.00042 17.104 8.10235 17.2828C8.20429 17.4617 8.3218 17.6314 8.4467 17.7898L8.43551 17.7823L7.8397 19.2879L7.74629 19.5249L10.2674 20.996L11.4181 19.5166L11.3957 19.5016C11.7939 19.5564 12.1918 19.5621 12.5969 19.5075L12.5813 19.5166L13.7384 21L16.257 19.5271C16.257 19.5271 16.2186 19.4234 16.1622 19.288L15.565 17.7788L15.5599 17.7818C15.8039 17.4567 16.0031 17.1018 16.1554 16.7252L16.157 16.7523L17.9974 16.4826L18 13.5355C18 13.5355 17.8913 13.5149 17.7507 13.4989L16.1573 13.2666ZM13.0463 16.8462C12.0441 17.4323 10.7581 17.0833 10.1795 16.0681C9.60086 15.0529 9.94544 13.7504 10.9477 13.1643C11.9499 12.5782 13.2359 12.9272 13.8145 13.9424C14.3932 14.9575 14.0486 16.2601 13.0463 16.8462Z", fill: "#2F3437" }))));
+}
+function Mov(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#AE76BC" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#E1CCE6" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#7B4389" }),
+                React.createElement("path", { d: "M9 19V9L16.5 14.3333L9 19Z", fill: "#3D2244" })))));
+}
+function Pdf(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#EB474D" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#F7BABC" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#B8141A" })),
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 10H19V12H13V10ZM13 14H19V16H13V14ZM19 18H5V20H19V18ZM11 10H5V16H11V10Z", fill: "#5C0A0D" }))));
+}
+function Powerpoint(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#FF7433" }),
+                React.createElement("g", null,
+                    React.createElement("path", { d: "M6 11.5H7.5V19H14.5V20.5H6V11.5Z", fill: "#662000" }),
+                    React.createElement("path", { d: "M9 9H17.5V17.5H9V9Z", fill: "#662000" })),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#FFCBB3" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#CC4100" })))));
+}
+function Word(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#BCD1F5" }),
+                React.createElement("g", null,
+                    React.createElement("path", { d: "M6 10H15.5V12H6V10Z", fill: "#133D86" }),
+                    React.createElement("path", { d: "M6 14H18V16H6V14Z", fill: "#133D86" }),
+                    React.createElement("path", { d: "M6 18H16V20H6V18Z", fill: "#133D86" })),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#D2E0F9" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#79A3EC" })))));
+}
+function Xml(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#ACB5B9" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#D6DADC" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#919CA1" }),
+                React.createElement("g", null,
+                    React.createElement("path", { d: "M6 10L8 10V12H6V10Z", fill: "#2F3437" }),
+                    React.createElement("path", { d: "M10 10L18 10V12H10V10Z", fill: "#2F3437" }),
+                    React.createElement("path", { d: "M6 14H8V16H6V14Z", fill: "#2F3437" }),
+                    React.createElement("path", { d: "M10 14H18V16H10V14Z", fill: "#2F3437" }),
+                    React.createElement("path", { d: "M6 18H8V20H6V18Z", fill: "#2F3437" }),
+                    React.createElement("path", { d: "M10 18H18V20H10V18Z", fill: "#2F3437" }))))));
+}
+function ThreeD(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#79A3EC" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#1952B3" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#BCD1F5" }),
+        React.createElement("path", { d: "M6.375 10.8889L12 8L17.625 10.8889L12 14.1389L6.375 10.8889Z", fill: "#133D86" }),
+        React.createElement("path", { d: "M6 11.6111V18.1111L11.6 21L11.625 14.8611L6 11.6111Z", fill: "#133D86" }),
+        React.createElement("path", { d: "M12.4 21L18 18.1111V11.6111L12.375 14.8611L12.4 21Z", fill: "#133D86" })));
+}
+function Folder(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("rect", { y: "7", width: "24", height: "15", fill: "#BCD1F5" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 2H6L9 5H22V7H0V2Z", fill: "#4C85E6" })))));
+}
+function FolderPeople(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("rect", { y: "7", width: "24", height: "15", fill: "#BCD1F5" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 2H6L9 5H22V7H0V2Z", fill: "#4C85E6" }),
+        React.createElement("path", { d: "M9.55 14.7639C7.45 14.7639 5 15.4464 5 16.8056V18.1667H14.1V16.8056C14.1 15.4464 11.65 14.7639 9.55 14.7639ZM14.8 14.7639C14.6155 14.7639 13.6227 14.7464 13.4 14.7639C14.1382 15.2539 15.15 15.7847 15.15 16.8056V18.1667H19V16.8056C19 15.4464 17.25 14.7639 14.8 14.7639Z", fill: "#2066DF" }),
+        React.createElement("path", { d: "M11.475 11.8715C11.475 12.9051 10.6131 13.7431 9.55 13.7431C8.48685 13.7431 7.625 12.9051 7.625 11.8715C7.625 10.8379 8.48685 10 9.55 10C10.6131 10 11.475 10.8379 11.475 11.8715Z", fill: "#2066DF" }),
+        React.createElement("path", { d: "M16.725 11.8715C16.725 12.9051 15.8631 13.7431 14.8 13.7431C13.7369 13.7431 12.875 12.9051 12.875 11.8715C12.875 10.8379 13.7369 10 14.8 10C15.8631 10 16.725 10.8379 16.725 11.8715Z", fill: "#2066DF" })));
+}
+function FolderLock(props) {
+    return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
+        React.createElement("rect", { y: "7", width: "24", height: "15", fill: "#BCD1F5" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 2H6L9 5H22V7H0V2Z", fill: "#4C85E6" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 13H9.09091V11.8571C9.09091 10.2792 10.3934 9 12 9C13.6066 9 14.9091 10.2792 14.9091 11.8571V13H16V19H8V13ZM13.4545 11.8571V13H10.5455V11.8571C10.5455 11.0682 11.1967 10.4286 12 10.4286C12.8033 10.4286 13.4545 11.0682 13.4545 11.8571ZM12 14.7857C11.3975 14.7857 10.9091 15.2654 10.9091 15.8571C10.9091 16.4489 11.3975 16.9286 12 16.9286C12.6025 16.9286 13.0909 16.4489 13.0909 15.8571C13.0909 15.2654 12.6025 14.7857 12 14.7857Z", fill: "#2066DF" })));
+}
+var documentIcons = (_a = {
+        image: Image,
+        unknown: Unknown,
+        zip: Zip,
+        drawing: Drawing,
+        email: Email,
+        excel: Excel,
+        gantt: Gantt,
+        ini: Ini,
+        mov: Mov,
+        pdf: Pdf,
+        powerpoint: Powerpoint,
+        word: Word,
+        xml: Xml
+    },
+    _a['3d'] = ThreeD,
+    _a.folder = Folder,
+    _a.folderPeople = FolderPeople,
+    _a.folderLock = FolderLock,
+    _a);
+export function DocumentIcon(_a) {
+    var className = _a.className, _b = _a.focusable, focusable = _b === void 0 ? false : _b, _c = _a.height, height = _c === void 0 ? 64 : _c, variant = _a.variant, _d = _a.width, width = _d === void 0 ? 48 : _d;
+    var Icon = documentIcons[variant] || documentIcons.unknown;
+    return (React.createElement(Icon, { className: className, focusable: focusable, height: height, variant: variant, width: width }));
+}
+//# sourceMappingURL=DocumentIcon.js.map

package/dist/esm/components/Thumbnail/DocumentIcon.js.map

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

package/dist/esm/components/Thumbnail/Thumbnail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ThumbnailProps } from './Thumbnail.types';
+import { DivAttributes } from '../../utils/types';
+export declare const Thumbnail: React.ForwardRefExoticComponent<ThumbnailProps & DivAttributes & React.RefAttributes<HTMLDivElement>> & {
+    Placeholder: React.ForwardRefExoticComponent<Omit<ThumbnailProps, "src"> & {
+        filename?: string | undefined;
+        variant?: import("./DocumentIcon").DocumentIconVariant | undefined;
+    } & DivAttributes & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/esm/components/Thumbnail/Thumbnail.js

@@ -0,0 +1,97 @@
+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 { addSubcomponents } from '../../utils/addSubcomponents';
+import { ThumbnailPreview } from './ThumbnailPreview';
+import { StyledFileIcon, StyledImageThumbnail, StyledImageThumbnailImage, StyledImageThumbnailOverlay, StyledLabel, StyledPlaceholderThumbnail, StyledThumbnailWrapper, StyledTickIcon, StyledLabelText, } from './Thumbnail.styles';
+import { getIsFilePreviewableAsImage, getVariantForFilename, } from './Thumbnail.utils';
+import { ThumbnailCaption } from './ThumbnailCaption';
+var defaultSize = 'lg';
+function TickIcon(_a) {
+    var size = _a.size, selected = _a.selected;
+    return (React.createElement(StyledTickIcon
+    // in IE11, all svg element are focusable by default
+    , { 
+        // in IE11, all svg element are focusable by default
+        focusable: false, selected: selected, size: size, width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13Z", fill: "white" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.167 17.5L7 13.459L8.6155 12.0535L11.167 14.5285L17.3845 8.5L19 9.9055L11.167 17.5ZM13 1C6.3715 1 1 6.373 1 13C1 19.627 6.3715 25 13 25C19.627 25 25 19.627 25 13C25 6.373 19.627 1 13 1Z", fill: "hsl(218,75%,50%)" }),
+        React.createElement("path", { d: "M13 24C6.92487 24 2 19.0751 2 13H0C0 20.1797 5.8203 26 13 26V24ZM24 13C24 19.0751 19.0751 24 13 24V26C20.1797 26 26 20.1797 26 13H24ZM13 2C19.0751 2 24 6.92487 24 13H26C26 5.8203 20.1797 0 13 0V2ZM13 0C5.8203 0 0 5.8203 0 13H2C2 6.92487 6.92487 2 13 2V0Z", fill: "white" })));
+}
+function Label(_a) {
+    var label = _a.label, disabled = _a.disabled;
+    return label ? (React.createElement(StyledLabel, null,
+        React.createElement(StyledLabelText, { color: disabled ? 'gray70' : 'gray15', intent: "small", weight: "bold" }, label))) : null;
+}
+/**
+
+ We use thumbnails to display previews for images or files as either a smaller
+ version of an uploaded image, or an icon representing the file type. If an
+ image preview can be generated from the file (in the case of images) then
+ display that image.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-thumbnail--demo-thumbnail)
+
+ @see [Design Guidelines](https://design.procore.com/thumbnail)
+
+ */
+var Thumbnail_ = React.forwardRef(function Thumbnail(_a, ref) {
+    var src = _a.src, _b = _a.size, size = _b === void 0 ? defaultSize : _b, _c = _a.focused, focused = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, _e = _a.selected, selected = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.clickable, clickable = _g === void 0 ? true : _g, _h = _a.caption, caption = _h === void 0 ? '' : _h, _j = _a.label, label = _j === void 0 ? '' : _j, _k = _a.hasCaptionPlaceholder, hasCaptionPlaceholder = _k === void 0 ? false : _k, className = _a.className, qa = _a.qa, props = __rest(_a, ["src", "size", "focused", "error", "selected", "disabled", "clickable", "caption", "label", "hasCaptionPlaceholder", "className", "qa"]);
+    var layout = size === 'sm' ? 'row' : 'column';
+    var isFile = src instanceof File;
+    var canPreviewFileAsImage = getIsFilePreviewableAsImage(src);
+    var isFileOrNonPreviewableImage = isFile && !canPreviewFileAsImage;
+    var shouldUsePlaceholder = isFileOrNonPreviewableImage || !src;
+    if (shouldUsePlaceholder) {
+        var filename = isFileOrNonPreviewableImage ? src.name : caption;
+        return (React.createElement(Placeholder, __assign({ ref: ref, filename: filename, size: size, focused: focused, selected: selected, disabled: disabled, error: error, clickable: clickable, caption: caption, hasCaptionPlaceholder: hasCaptionPlaceholder, label: label, className: className, qa: qa }, props)));
+    }
+    var isImageURL = typeof src === 'string';
+    if (!isFile && !isImageURL) {
+        console.warn('Unknown Thumbnail source:', src);
+        return null;
+    }
+    return (React.createElement(StyledThumbnailWrapper, __assign({ ref: ref, layout: layout, size: size }, props),
+        React.createElement(StyledImageThumbnail, { focused: focused, disabled: disabled, selected: selected, clickable: clickable, size: size },
+            isImageURL ? (React.createElement(StyledImageThumbnailImage, { src: src })) : (React.createElement(ThumbnailPreview, { file: src })),
+            React.createElement(TickIcon, { size: size, selected: selected }),
+            React.createElement(StyledImageThumbnailOverlay, null),
+            size === 'lg' && React.createElement(Label, { label: label, disabled: disabled })),
+        React.createElement(ThumbnailCaption, { qa: qa === null || qa === void 0 ? void 0 : qa.caption, multiline: size === 'lg', layout: layout, caption: caption, hasCaptionPlaceholder: hasCaptionPlaceholder, disabled: disabled, error: error })));
+});
+var Placeholder = React.forwardRef(function Placeholder(_a, ref) {
+    var _b = _a.filename, filename = _b === void 0 ? '' : _b, _c = _a.caption, caption = _c === void 0 ? '' : _c, _d = _a.label, label = _d === void 0 ? '' : _d, variant = _a.variant, _e = _a.size, size = _e === void 0 ? 'lg' : _e, _f = _a.focused, focused = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.error, error = _h === void 0 ? false : _h, _j = _a.selected, selected = _j === void 0 ? false : _j, _k = _a.clickable, clickable = _k === void 0 ? true : _k, _l = _a.hasCaptionPlaceholder, hasCaptionPlaceholder = _l === void 0 ? false : _l, qa = _a.qa, props = __rest(_a, ["filename", "caption", "label", "variant", "size", "focused", "disabled", "error", "selected", "clickable", "hasCaptionPlaceholder", "qa"]);
+    var layout = size === 'sm' ? 'row' : 'column';
+    return (React.createElement(StyledThumbnailWrapper, __assign({ ref: ref, layout: layout, size: size }, props),
+        React.createElement(StyledPlaceholderThumbnail, { focused: focused, disabled: disabled, selected: selected, clickable: clickable, size: size },
+            React.createElement(TickIcon, { size: size, selected: selected }),
+            React.createElement(StyledFileIcon, { variant: variant || getVariantForFilename(filename) }),
+            size === 'lg' && React.createElement(Label, { label: label, disabled: disabled })),
+        React.createElement(ThumbnailCaption, { error: error, qa: qa === null || qa === void 0 ? void 0 : qa.caption, multiline: size === 'lg', layout: layout, caption: caption, hasCaptionPlaceholder: hasCaptionPlaceholder, disabled: disabled })));
+});
+Placeholder.displayName = 'Thumbnail.Placeholder';
+Thumbnail_.displayName = 'Thumbnail';
+export var Thumbnail = addSubcomponents({ Placeholder: Placeholder }, Thumbnail_);
+//# sourceMappingURL=Thumbnail.js.map

package/dist/esm/components/Thumbnail/Thumbnail.js.map

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

package/dist/esm/components/Thumbnail/Thumbnail.styles.d.ts

@@ -0,0 +1,40 @@
+import { DocumentIcon } from './DocumentIcon';
+import { LayoutVariant, SizeVariant } from './Thumbnail.types';
+interface CaptionProps {
+    layout: LayoutVariant;
+    error: boolean;
+    disabled: boolean;
+}
+interface StyledThumbnailProps {
+    focused: boolean;
+    disabled: boolean;
+    selected: boolean;
+    clickable: boolean;
+    size: SizeVariant;
+}
+interface StyledTickIconProps {
+    selected: boolean;
+    size: SizeVariant;
+}
+export declare const StyledMultilineCaption: import("styled-components").StyledComponent<"div", any, CaptionProps, never>;
+export declare const StyledCaptionText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledPlaceholderCaption: import("styled-components").StyledComponent<"div", any, CaptionProps, never>;
+export declare const StyledSingleLineCaption: import("styled-components").StyledComponent<"div", any, CaptionProps, never>;
+export declare const StyledSinglelineCaptionBody: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledSinglelineCaptionEnding: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledLabelText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTickIcon: import("styled-components").StyledComponent<"svg", any, StyledTickIconProps, never>;
+export declare const StyledFileIcon: import("styled-components").StyledComponent<typeof DocumentIcon, any, {}, never>;
+export declare const StyledImageThumbnailPreview: import("styled-components").StyledComponent<"div", any, {
+    $bgImage: string;
+}, never>;
+export declare const StyledImageThumbnailOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledImageThumbnailImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const StyledImageThumbnail: import("styled-components").StyledComponent<"div", any, StyledThumbnailProps, never>;
+export declare const StyledThumbnailWrapper: import("styled-components").StyledComponent<"div", any, {
+    layout: LayoutVariant;
+    size: SizeVariant;
+}, never>;
+export declare const StyledPlaceholderThumbnail: import("styled-components").StyledComponent<"div", any, StyledThumbnailProps, never>;
+export {};

package/dist/esm/components/Thumbnail/Thumbnail.styles.js

@@ -0,0 +1,150 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { borderRadius } from '../../styles/borderRadius';
+import { colors } from '../../styles/colors';
+import { getEllipsis, getFocus } from '../../styles/mixins';
+import { spacing } from '../../styles/spacing';
+import { Typography } from '../Typography';
+import { DocumentIcon } from './DocumentIcon';
+var thumbnailSizeSm = 40;
+var thumbnailSizeLg = 104;
+var labelHeight = 24;
+var labelFontSize = 12;
+var tickSize = 24;
+var rowLayoutCaptionWidth = 288;
+var multilineCaptionMaxHeight = spacing.lg * 2;
+var captionBase = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n  ", "\n  ", "\n\n  ", "\n  ", "\n"], ["\n  color: ", ";\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n  ", "\n  ", "\n\n  ", "\n  ", "\n"])), colors.gray15, function (_a) {
+    var layout = _a.layout;
+    return layout === 'row'
+        ? "\n        align-items: center;\n        margin-left: ".concat(spacing.sm, "px;\n        width: ").concat(rowLayoutCaptionWidth, "px;\n      ")
+        : '';
+}, function (_a) {
+    var layout = _a.layout;
+    return layout === 'column'
+        ? "\n        margin-top: ".concat(spacing.xs / 2, "px;\n        width: ").concat(thumbnailSizeLg, "px;\n      ")
+        : '';
+}, function (_a) {
+    var error = _a.error;
+    return (error ? "color: ".concat(colors.red50, ";") : '');
+}, function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? "color: ".concat(colors.gray70, ";") : '');
+});
+export var StyledMultilineCaption = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  display: flex;\n  word-wrap: break-word;\n  // for IE11, use word-wrap property\n  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  // limit height for browsers that do not support line-clamp CSS prop\n  max-height: ", "px;\n"], ["\n  ", "\n  display: flex;\n  word-wrap: break-word;\n  // for IE11, use word-wrap property\n  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  // limit height for browsers that do not support line-clamp CSS prop\n  max-height: ", "px;\n"])), captionBase, multilineCaptionMaxHeight);
+export var StyledCaptionText = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  // fix word wrap issue in IE\n  width: 100%;\n"], ["\n  // fix word wrap issue in IE\n  width: 100%;\n"])));
+export var StyledPlaceholderCaption = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), captionBase);
+export var StyledSingleLineCaption = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  ", "\n"], ["\n  display: flex;\n  ", "\n"])), captionBase);
+export var StyledSinglelineCaptionBody = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getEllipsis);
+export var StyledSinglelineCaptionEnding = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  max-width: 50%;\n  white-space: nowrap;\n  flex-shrink: 0;\n"], ["\n  max-width: 50%;\n  white-space: nowrap;\n  flex-shrink: 0;\n"])));
+export var StyledLabelText = styled(Typography)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getEllipsis());
+export var StyledLabel = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ", "px;\n  padding: ", "px ", "px;\n  font-size: ", "px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ", "px;\n  padding: ", "px ", "px;\n  font-size: ", "px;\n  background-color: ", ";\n"])), labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
+var thumbnailBase = css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ", ";\n  border-radius: ", "px;\n\n  ", "\n\n  ", "\n\n  &:focus {\n    ", ";\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ", ";\n  border-radius: ", "px;\n\n  ", "\n\n  ", "\n\n  &:focus {\n    ", ";\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), colors.gray85, borderRadius.md, function (_a) {
+    var clickable = _a.clickable;
+    return (clickable ? 'cursor: pointer;' : '');
+}, function (_a) {
+    var selected = _a.selected;
+    return selected
+        ? "\n        ".concat(StyledTickIcon, " {\n          opacity: 1;\n          transform: scale(1);\n        }\n      ")
+        : '';
+}, getFocus(), function (_a) {
+    var focused = _a.focused;
+    return focused && getFocus();
+}, function (_a) {
+    var disabled = _a.disabled, clickable = _a.clickable;
+    return disabled && clickable ? 'cursor: not-allowed;' : '';
+}, function (_a) {
+    var size = _a.size;
+    var sizeInPx = "".concat(size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm, "px");
+    return "\n      width: ".concat(sizeInPx, ";\n      height: ").concat(sizeInPx, ";\n    ");
+});
+export var StyledTickIcon = styled.svg(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  width: ", "px;\n  height: ", "px;\n  opacity: 0;\n  transform: scale(0.75);\n  transition: transform 250ms ease-out, opacity 100ms ease-out;\n\n  ", "\n\n  ", "\n"], ["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  width: ", "px;\n  height: ", "px;\n  opacity: 0;\n  transform: scale(0.75);\n  transition: transform 250ms ease-out, opacity 100ms ease-out;\n\n  ", "\n\n  ", "\n"])), spacing.sm, spacing.sm, tickSize, tickSize, function (_a) {
+    var selected = _a.selected;
+    return selected
+        ? "\n        opacity: 1;\n        transform: scale(1);\n      "
+        : '';
+}, function (_a) {
+    var size = _a.size;
+    return size === 'sm'
+        ? "\n        top: 50%;\n        left: 50%;\n        margin-top: ".concat(-tickSize / 2, "px;\n        margin-left: ").concat(-tickSize / 2, "px;\n      ")
+        : '';
+});
+export var StyledFileIcon = styled(DocumentIcon)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: 36.5%;\n  height: auto;\n"], ["\n  width: 36.5%;\n  height: auto;\n"])));
+export var StyledImageThumbnailPreview = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  ", "\n"], ["\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  ", "\n"])), function (_a) {
+    var $bgImage = _a.$bgImage;
+    return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    background-image: url(", ");\n  "], ["\n    background-image: url(", ");\n  "])), $bgImage);
+});
+export var StyledImageThumbnailOverlay = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"], ["\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"])));
+var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
+var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
+export var StyledImageThumbnailImage = styled.img(templateObject_16 || (templateObject_16 = __makeTemplateObject([""], [""])));
+export var StyledImageThumbnail = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), thumbnailBase, function (_a) {
+    var disabled = _a.disabled;
+    return disabled
+        ? "\n        &,\n        &:hover {\n          ".concat(StyledImageThumbnailOverlay, " {\n            display: block;\n            ").concat(whiteOverlay, "\n          }\n        }\n        ").concat(StyledImageThumbnailPreview, ",\n        ").concat(StyledTickIcon, ",\n        ").concat(StyledImageThumbnailImage, " {\n          filter: saturate(0);\n        }\n      ")
+        : '';
+}, function (_a) {
+    var selected = _a.selected, focused = _a.focused, disabled = _a.disabled;
+    return focused && disabled
+        ? selected
+            ? "\n          ".concat(StyledTickIcon, " {\n            z-index: 0;\n          }\n        ")
+            : "\n          ".concat(StyledTickIcon, " {\n            z-index: 1;\n          }\n        ")
+        : '';
+}, function (_a) {
+    var selected = _a.selected, focused = _a.focused;
+    return selected && focused
+        ? "\n        ".concat(StyledTickIcon, " {\n          z-index: 1;\n        }\n      ")
+        : '';
+}, function (_a) {
+    var selected = _a.selected, focused = _a.focused, disabled = _a.disabled;
+    return selected && focused && disabled
+        ? "\n        ".concat(StyledTickIcon, " {\n          z-index: 0;\n        }\n      ")
+        : '';
+}, function (_a) {
+    var focused = _a.focused, disabled = _a.disabled;
+    return focused && !disabled
+        ? "\n        ".concat(StyledImageThumbnailOverlay, " {\n          display: block;\n          ").concat(blackOverlay, "\n        }\n      ")
+        : '';
+}, function (_a) {
+    var clickable = _a.clickable, disabled = _a.disabled;
+    return clickable && !disabled
+        ? "\n        &:hover {\n          ".concat(StyledImageThumbnailOverlay, " {\n            display: block;\n            ").concat(blackOverlay, "\n          }\n        }\n      ")
+        : '';
+});
+export var StyledThumbnailWrapper = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  ", "\n  ", "\n"], ["\n  display: flex;\n  ", "\n  ", "\n"])), function (_a) {
+    var size = _a.size;
+    return size === 'lg'
+        ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ")
+        : '';
+}, function (_a) {
+    var layout = _a.layout;
+    var isRowLayout = layout === 'row';
+    return isRowLayout
+        ? "\n        flex-direction: row;\n        aligh-items: center;\n      "
+        : "\n        flex-direction: column;\n        aligh-items: flex-start;\n      ";
+});
+export var StyledPlaceholderThumbnail = styled.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), thumbnailBase, function (_a) {
+    var clickable = _a.clickable;
+    return clickable
+        ? "\n        &:hover {\n          background-color: ".concat(colors.gray96, ";\n        }\n\n      ")
+        : '';
+}, function (_a) {
+    var selected = _a.selected, size = _a.size;
+    return selected && size === 'sm'
+        ? "\n        ".concat(StyledFileIcon, " {\n          display: none;\n        }\n      ")
+        : '';
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled
+        ? "\n        ".concat(StyledFileIcon, ",\n        ").concat(StyledTickIcon, " {\n          filter: saturate(0);\n          opacity: 0.5;\n        }\n\n        &:hover {\n          background-color: inherit;\n        }\n      ")
+        : '';
+}, function (_a) {
+    var disabled = _a.disabled, selected = _a.selected;
+    return disabled && !selected
+        ? "\n        ".concat(StyledTickIcon, " {\n          opacity: 0;\n          transform: scale(0.75);\n        }\n      ")
+        : '';
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
+//# sourceMappingURL=Thumbnail.styles.js.map

package/dist/esm/components/Thumbnail/Thumbnail.styles.js.map

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