@jobber/components 6.92.0 → 6.93.1

package/dist/ComboboxAction-cjs.js

@@ -8,9 +8,11 @@ var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","sp
 
 function ComboboxAction(props) {
     const { searchValue, handleClose } = React.useContext(ComboboxProvider.ComboboxContext);
-    if (props.visible) {
-        const isVisible = typeof props.visible === "function" && !props.visible({ searchValue });
-        if (isVisible || !props.visible) {
+    if (props.visible !== undefined) {
+        const isVisible = typeof props.visible === "function"
+            ? props.visible({ searchValue })
+            : props.visible;
+        if (!isVisible) {
             return null;
         }
     }

package/dist/ComboboxAction-es.js

@@ -6,9 +6,11 @@ var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","sp
 
 function ComboboxAction(props) {
     const { searchValue, handleClose } = useContext(ComboboxContext);
-    if (props.visible) {
-        const isVisible = typeof props.visible === "function" && !props.visible({ searchValue });
-        if (isVisible || !props.visible) {
+    if (props.visible !== undefined) {
+        const isVisible = typeof props.visible === "function"
+            ? props.visible({ searchValue })
+            : props.visible;
+        if (!isVisible) {
             return null;
         }
     }

package/dist/InputFile/InputFile.d.ts

@@ -84,6 +84,10 @@ interface InputFileProps {
      * @default "base"
      */
     readonly size?: "small" | "base";
+    /**
+     * Sets the `name` attribute on the underlying `<input>` element.
+     */
+    readonly name?: string;
     /**
      * Label for the InputFile's button.
      * @default Automatic
@@ -162,7 +166,7 @@ interface InputFileProps {
      */
     readonly validator?: <T extends File>(file: T) => FileError | FileError[] | null;
 }
-export declare function InputFile({ variation, size, buttonLabel: providedButtonLabel, allowMultiple, allowedTypes, description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }: InputFileProps): React.JSX.Element;
+export declare function InputFile({ variation, size, name, buttonLabel: providedButtonLabel, allowMultiple, allowedTypes, description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }: InputFileProps): React.JSX.Element;
 export declare namespace InputFile {
     var Button: typeof InputFileButton;
     var Description: typeof InputFileDescription;

package/dist/InputFile-cjs.js

@@ -1538,7 +1538,7 @@ function InputFileValidationErrors({ validationErrors, }) {
 }
 
 /* eslint-disable max-statements */
-function InputFile({ variation = "dropzone", size = "base", buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
+function InputFile({ variation = "dropzone", size = "base", name, buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
     const maxFiles = (maxFilesValidation === null || maxFilesValidation === void 0 ? void 0 : maxFilesValidation.maxFiles) || 0;
     const numberOfCurrentFiles = (maxFilesValidation === null || maxFilesValidation === void 0 ? void 0 : maxFilesValidation.numberOfCurrentFiles) || 0;
     const handleValidation = React.useCallback((file) => {
@@ -1635,7 +1635,7 @@ function InputFile({ variation = "dropzone", size = "base", buttonLabel: provide
         variation === "button" && React.createElement(InputFile.Button, { fullWidth: true })));
     return (React.createElement(React.Fragment, null,
         React.createElement("div", Object.assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
-            React.createElement("input", Object.assign({}, getInputProps(), { "data-testid": "input-file-input" })),
+            React.createElement("input", Object.assign({}, getInputProps(), { "data-testid": "input-file-input", name: name })),
             React.createElement(InputFileContentContext.Provider, { value: contentContext }, children || defaultContent)),
         React.createElement(InputFileValidationErrors, { validationErrors: validationErrors })));
     function handleDrop(acceptedFiles) {

package/dist/InputFile-es.js

@@ -1536,7 +1536,7 @@ function InputFileValidationErrors({ validationErrors, }) {
 }
 
 /* eslint-disable max-statements */
-function InputFile({ variation = "dropzone", size = "base", buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
+function InputFile({ variation = "dropzone", size = "base", name, buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
     const maxFiles = (maxFilesValidation === null || maxFilesValidation === void 0 ? void 0 : maxFilesValidation.maxFiles) || 0;
     const numberOfCurrentFiles = (maxFilesValidation === null || maxFilesValidation === void 0 ? void 0 : maxFilesValidation.numberOfCurrentFiles) || 0;
     const handleValidation = useCallback((file) => {
@@ -1633,7 +1633,7 @@ function InputFile({ variation = "dropzone", size = "base", buttonLabel: provide
         variation === "button" && React__default.createElement(InputFile.Button, { fullWidth: true })));
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", Object.assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
-            React__default.createElement("input", Object.assign({}, getInputProps(), { "data-testid": "input-file-input" })),
+            React__default.createElement("input", Object.assign({}, getInputProps(), { "data-testid": "input-file-input", name: name })),
             React__default.createElement(InputFileContentContext.Provider, { value: contentContext }, children || defaultContent)),
         React__default.createElement(InputFileValidationErrors, { validationErrors: validationErrors })));
     function handleDrop(acceptedFiles) {

package/dist/styles.css

@@ -442,7 +442,7 @@
 }
 
 .W4Fsewoz1sg- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -1336,14 +1336,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-,
 a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border-color: hsl(0, 0%, 93%);
   border-color: var(--color-disabled--secondary);
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
   background-color: hsl(0, 0%, 93%);
   background-color: var(--color-disabled--secondary);
-  fill: hsl(0, 0%, 72%);
+  fill: hsl(0, 0%, 58%);
   fill: var(--color-disabled);
   pointer-events: none;
   cursor: not-allowed;
@@ -3305,7 +3305,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .TKr3J-6ARFo- p {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -3536,7 +3536,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 ._3uJEejbZvig-:hover,
 ._3uJEejbZvig-:focus-visible {
   --chip-border-color: var(--color-disabled--secondary);
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   --chip-base-bg-color: var(--color-disabled--secondary);
   --chip-base-hover-bg-color: var(--color-disabled--secondary);
@@ -3544,7 +3544,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 ._3uJEejbZvig- .oV7kqacWv-U- {
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
@@ -3554,7 +3554,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- path {
-  fill: hsl(0, 0%, 72%);
+  fill: hsl(0, 0%, 58%);
   fill: var(--color-disabled);
 }
 
@@ -6339,12 +6339,12 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
     /* Disabled groups and their options */
     optgroup[disabled] {
-      color: hsl(0, 0%, 72%);
+      color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
     }
     optgroup[disabled] option,
     option[disabled] {
-      color: hsl(0, 0%, 72%);
+      color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
       cursor: default;
     }
@@ -7236,7 +7236,7 @@ h2.react-datepicker__current-month {
   background: var(--color-interactive--background);
 }
 .Ma55F5Y-XhE- .react-datepicker__day--disabled {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   cursor: default;
 }
@@ -7806,12 +7806,12 @@ h2.react-datepicker__current-month {
 .e-cSZjkHGw8- .PiwOCJz7Zto- {
   border-color: hsl(0, 0%, 93%);
   border-color: var(--color-disabled--secondary);
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
 .e-cSZjkHGw8- {
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -7819,7 +7819,7 @@ h2.react-datepicker__current-month {
 }
 
 ._40c6OIH33p8-.e-cSZjkHGw8- {
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
@@ -7829,7 +7829,7 @@ h2.react-datepicker__current-month {
 }
 
 .e-cSZjkHGw8-:hover {
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
 }
 
@@ -9697,7 +9697,7 @@ input.oOrjwubmsVA- {
 }
 
 .w1Rr3bk2t5g-[disabled] + .gN41T07x0l0- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   cursor: not-allowed;
 }
@@ -9710,7 +9710,7 @@ input.oOrjwubmsVA- {
 .w1Rr3bk2t5g-[disabled]:checked + .gN41T07x0l0-::before {
   --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)
     var(--color-disabled);
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
 }
 
@@ -9725,7 +9725,7 @@ input.oOrjwubmsVA- {
 }
 
 .w1Rr3bk2t5g-[disabled] + .gN41T07x0l0- + .Ke2WKKuvmRo- > p {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -9823,7 +9823,7 @@ input.oOrjwubmsVA- {
 }
 
 .XGjk9DHJAmw-:disabled + .zulupkPyEs8- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   background: hsl(0, 0%, 93%);
   background: var(--color-disabled--secondary);
@@ -9847,7 +9847,7 @@ input.oOrjwubmsVA- {
 .XGjk9DHJAmw-:disabled:checked + .zulupkPyEs8- {
   color: hsl(0, 0%, 93%);
   color: var(--color-disabled--secondary);
-  background: hsl(0, 0%, 72%);
+  background: hsl(0, 0%, 58%);
   background: var(--color-disabled);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.92.0",
+  "version": "6.93.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "a623e4d884e7089cce658fd1e7948923ee8553f5"
+  "gitHead": "7335511721601761dd9eddf3182e8862f796ac21"
 }