@jobber/components 6.62.2 → 6.63.1

package/dist/FormatFile/FormatFile.d.ts

@@ -35,9 +35,8 @@ export declare namespace FormatFile {
         readonly children: React.ReactNode;
         readonly className?: string;
     }) => React.JSX.Element;
-    var DeleteButton: ({ onDelete, size, children, }: {
+    var DeleteButton: ({ onDelete, children, }: {
         readonly onDelete?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-        readonly size?: "base" | "large";
         readonly children?: React.ReactNode;
     }) => React.JSX.Element;
 }

package/dist/FormatFile-cjs.js

@@ -9,7 +9,7 @@ var ProgressBar = require('./ProgressBar-cjs.js');
 var Button = require('./Button-cjs.js');
 var ConfirmationModal = require('./ConfirmationModal-cjs.js');
 
-var styles = {"formatFile":"y9T1gWK9SHY-","expanded":"_6qcLC0nLki0-","compact":"cSm0ukEQcOU-","wrapper":"TEarBLxe1QY-","large":"rha7bX0NCtI-","base":"_7kv4ujgaxNk-","thumbnail":"Km0E9H-xb-M-","deleteButton":"d2l80-AKBiU-","clickable":"f7xR4ZcqlLo-","hoverable":"LxLX5kFFkfI-","progress":"_121nzRvOA-0-","contentBlock":"cyiC2EalTkQ-","deleteable":"qwQuqw4uODY-","spinning":"dR8gWEecWxc-"};
+var styles = {"formatFile":"y9T1gWK9SHY-","expanded":"_6qcLC0nLki0-","compact":"cSm0ukEQcOU-","wrapper":"TEarBLxe1QY-","large":"rha7bX0NCtI-","base":"_7kv4ujgaxNk-","thumbnail":"Km0E9H-xb-M-","deleteButton":"d2l80-AKBiU-","customDeleteButton":"qDKY-J4vHJA-","clickable":"f7xR4ZcqlLo-","hoverable":"LxLX5kFFkfI-","progress":"_121nzRvOA-0-","contentBlock":"cyiC2EalTkQ-","deleteable":"qwQuqw4uODY-","spinning":"dR8gWEecWxc-"};
 
 const useFormatFile = ({ file }) => {
     const isComplete = file.progress >= 1;
@@ -105,10 +105,11 @@ FormatFile.Expanded = function FormatFileExpanded({ file, fileSize, isVisible, }
 FormatFile.Wrapper = function FormatFileWrapper({ children, className, }) {
     return React.createElement("div", { className: className }, children);
 };
-FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, size = "base", children, }) {
-    const buttonSize = size === "base" ? "small" : "base";
+FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, children, }) {
     return (React.createElement(React.Fragment, null,
-        React.createElement(Button.Button, { onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: buttonSize }),
+        React.createElement(Button.Button, { UNSAFE_className: {
+                container: styles.customDeleteButton,
+            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: "small" }),
         children));
 };
 

package/dist/FormatFile-es.js

@@ -7,7 +7,7 @@ import { P as ProgressBar } from './ProgressBar-es.js';
 import { B as Button } from './Button-es.js';
 import { C as ConfirmationModal } from './ConfirmationModal-es.js';
 
-var styles = {"formatFile":"y9T1gWK9SHY-","expanded":"_6qcLC0nLki0-","compact":"cSm0ukEQcOU-","wrapper":"TEarBLxe1QY-","large":"rha7bX0NCtI-","base":"_7kv4ujgaxNk-","thumbnail":"Km0E9H-xb-M-","deleteButton":"d2l80-AKBiU-","clickable":"f7xR4ZcqlLo-","hoverable":"LxLX5kFFkfI-","progress":"_121nzRvOA-0-","contentBlock":"cyiC2EalTkQ-","deleteable":"qwQuqw4uODY-","spinning":"dR8gWEecWxc-"};
+var styles = {"formatFile":"y9T1gWK9SHY-","expanded":"_6qcLC0nLki0-","compact":"cSm0ukEQcOU-","wrapper":"TEarBLxe1QY-","large":"rha7bX0NCtI-","base":"_7kv4ujgaxNk-","thumbnail":"Km0E9H-xb-M-","deleteButton":"d2l80-AKBiU-","customDeleteButton":"qDKY-J4vHJA-","clickable":"f7xR4ZcqlLo-","hoverable":"LxLX5kFFkfI-","progress":"_121nzRvOA-0-","contentBlock":"cyiC2EalTkQ-","deleteable":"qwQuqw4uODY-","spinning":"dR8gWEecWxc-"};
 
 const useFormatFile = ({ file }) => {
     const isComplete = file.progress >= 1;
@@ -103,10 +103,11 @@ FormatFile.Expanded = function FormatFileExpanded({ file, fileSize, isVisible, }
 FormatFile.Wrapper = function FormatFileWrapper({ children, className, }) {
     return React__default.createElement("div", { className: className }, children);
 };
-FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, size = "base", children, }) {
-    const buttonSize = size === "base" ? "small" : "base";
+FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, children, }) {
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Button, { onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: buttonSize }),
+        React__default.createElement(Button, { UNSAFE_className: {
+                container: styles.customDeleteButton,
+            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: "small" }),
         children));
 };
 

package/dist/InputFile/FileTypes.d.ts

@@ -4,7 +4,9 @@ export declare enum FileTypes {
     PNG = "image/png",
     HEIC = "image/heic",
     PDF = "application/pdf",
-    DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+    DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    CSV = "text/csv"
 }
 export declare const BASIC_IMAGE_TYPES: string[];
 export declare const mimeTypeToReadable: (mimeType: string) => string;

package/dist/InputFile-cjs.js

@@ -1450,6 +1450,8 @@ var FileTypes;
     FileTypes["HEIC"] = "image/heic";
     FileTypes["PDF"] = "application/pdf";
     FileTypes["DOCX"] = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    FileTypes["XLSX"] = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+    FileTypes["CSV"] = "text/csv";
 })(FileTypes || (FileTypes = {}));
 const BASIC_IMAGE_TYPES = ["PNG", "JPEG", "JPG"];
 // Converts a MIME type to its readable format

package/dist/InputFile-es.js

@@ -1448,6 +1448,8 @@ var FileTypes;
     FileTypes["HEIC"] = "image/heic";
     FileTypes["PDF"] = "application/pdf";
     FileTypes["DOCX"] = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    FileTypes["XLSX"] = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+    FileTypes["CSV"] = "text/csv";
 })(FileTypes || (FileTypes = {}));
 const BASIC_IMAGE_TYPES = ["PNG", "JPEG", "JPG"];
 // Converts a MIME type to its readable format

package/dist/styles.css

@@ -7456,6 +7456,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   z-index: var(--elevation-base);
 }
 
+.cSm0ukEQcOU- .qDKY-J4vHJA- {
+  border-radius: 4px;
+  border-radius: var(--radius-small);
+}
+
+.cSm0ukEQcOU-._7kv4ujgaxNk- .qDKY-J4vHJA- {
+  max-width: 24px;
+  min-height: 24px;
+}
+
 ._6qcLC0nLki0- .Km0E9H-xb-M- {
   border-right: none;
   border-bottom-left-radius: 8px;
@@ -7520,22 +7530,18 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   top: var(--space-smaller);
   right: 4px;
   right: var(--space-smaller);
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--shadow-base);
 }
 
-@media (min-width: 768px) {
-  .qwQuqw4uODY- ~ .d2l80-AKBiU- {
-    visibility: hidden;
-  }
-
-  .d2l80-AKBiU-:focus-within,
-  .d2l80-AKBiU-:hover,
-  .qwQuqw4uODY-:hover ~ .d2l80-AKBiU-,
-  .qwQuqw4uODY-:focus ~ .d2l80-AKBiU- {
-    visibility: visible;
-  }
+.cSm0ukEQcOU-.rha7bX0NCtI- .d2l80-AKBiU- {
+  top: 8px;
+  top: var(--space-small);
+  right: 8px;
+  right: var(--space-small);
 }
 
-@media (--medium-screens-and-up) {
+@media (any-pointer: fine) {
   .qwQuqw4uODY- ~ .d2l80-AKBiU- {
     visibility: hidden;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.62.2",
+  "version": "6.63.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "a4cb5a5d369226f54f7c8ec5684ddef1131dffbd"
+  "gitHead": "dbc1fa0d717c8345fdcae7b520e5604838f144a3"
 }