@jobber/components 9.16.7-update-inp-c8026f3.10 → 9.16.8

package/dist/InputFile/InputFile.messages.d.ts

@@ -1,4 +1,14 @@
 export declare const inputFileMessages: {
+    fileLimit: {
+        en: {
+            one: string;
+            other: string;
+        };
+        es: {
+            one: string;
+            other: string;
+        };
+    };
     uploadFile: {
         en: string;
         es: string;

package/dist/InputFile-cjs.js

@@ -1319,6 +1319,16 @@ function InputFileValidationErrors({ validationErrors, }) {
 }
 
 const inputFileMessages = useAtlantisI18n.defineMessages({
+    fileLimit: {
+        en: {
+            one: "Cannot exceed a maximum of {count} file.",
+            other: "Cannot exceed a maximum of {count} files.",
+        },
+        es: {
+            one: "No se puede superar el máximo de {count} archivo.",
+            other: "No se puede superar el máximo de {count} archivos.",
+        },
+    },
     uploadFile: {
         en: "Upload file",
         es: "Subir archivo",
@@ -1327,7 +1337,7 @@ const inputFileMessages = useAtlantisI18n.defineMessages({
 
 /* eslint-disable max-statements */
 function InputFile({ variation = "dropzone", size = "base", name, buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
-    const { t } = useAtlantisI18n.useAtlantisI18n(inputFileMessages);
+    const { t, plural } = useAtlantisI18n.useAtlantisI18n(inputFileMessages);
     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 [limitError, setLimitError] = React.useState();
@@ -1420,9 +1430,10 @@ function InputFile({ variation = "dropzone", size = "base", name, buttonLabel: p
             ? remainingCapacity
             : Math.min(1, remainingCapacity);
         if (acceptedFiles.length > capacity) {
+            const maximum = allowMultiple || remainingCapacity === 0 ? maxFiles : 1;
             setLimitError({
                 code: "too-many-files",
-                message: `Cannot exceed a maximum of ${allowMultiple || remainingCapacity === 0 ? maxFiles : 1} files.`,
+                message: plural("fileLimit", maximum),
             });
             return;
         }

package/dist/InputFile-es.js

@@ -1317,6 +1317,16 @@ function InputFileValidationErrors({ validationErrors, }) {
 }
 
 const inputFileMessages = defineMessages({
+    fileLimit: {
+        en: {
+            one: "Cannot exceed a maximum of {count} file.",
+            other: "Cannot exceed a maximum of {count} files.",
+        },
+        es: {
+            one: "No se puede superar el máximo de {count} archivo.",
+            other: "No se puede superar el máximo de {count} archivos.",
+        },
+    },
     uploadFile: {
         en: "Upload file",
         es: "Subir archivo",
@@ -1325,7 +1335,7 @@ const inputFileMessages = defineMessages({
 
 /* eslint-disable max-statements */
 function InputFile({ variation = "dropzone", size = "base", name, buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
-    const { t } = useAtlantisI18n(inputFileMessages);
+    const { t, plural } = useAtlantisI18n(inputFileMessages);
     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 [limitError, setLimitError] = useState();
@@ -1418,9 +1428,10 @@ function InputFile({ variation = "dropzone", size = "base", name, buttonLabel: p
             ? remainingCapacity
             : Math.min(1, remainingCapacity);
         if (acceptedFiles.length > capacity) {
+            const maximum = allowMultiple || remainingCapacity === 0 ? maxFiles : 1;
             setLimitError({
                 code: "too-many-files",
-                message: `Cannot exceed a maximum of ${allowMultiple || remainingCapacity === 0 ? maxFiles : 1} files.`,
+                message: plural("fileLimit", maximum),
             });
             return;
         }

package/dist/docs/Elevations/Elevations.md

@@ -66,6 +66,13 @@ they map to our low/base/high pattern.
 | `--shadow-base` |        |
 | `--shadow-high` |        |
 
+### Dark mode
+
+On web and iOS, the dark theme keeps the same shadow offsets and blur and only
+raises the opacity, so elevated elements stay distinguishable against dark
+surfaces. On Android, the dark theme raises `elevation`, which makes the shadow
+larger and softer, and uses a fully opaque shadow colour.
+
 ## Mobile
 
 For mobile designs, the concept of elevation applies to both shadows and

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "9.16.7-update-inp-c8026f3.10+c8026f36",
+  "version": "9.16.8",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -501,7 +501,7 @@
   "devDependencies": {
     "@apollo/client": "^3.7.10",
     "@csstools/postcss-global-data": "^1.0.3",
-    "@jobber/design": "0.121.0",
+    "@jobber/design": "0.121.1",
     "@jobber/hooks": "2.21.1",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -553,5 +553,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "c8026f3681cce6db98f280f132b04d3f203b9a47"
+  "gitHead": "48f346d90f5015b50ff0c96d798cce474ae9490e"
 }