@sps-woodland/file-upload 8.35.0 → 8.35.3

package/lib/FileUpload.css.d.ts

@@ -86,6 +86,7 @@ export declare const fileUploadTitle: import("@vanilla-extract/recipes/dist/decl
 export declare const erroredFiles: string;
 export declare const erroredFileName: string;
 export declare const erroredFilenameSegment: string;
+export declare const erroredFileMessage: string;
 export declare const fileUploadRequirements: string;
 export declare const fileUploadDownloadButton: string;
 export declare const fileUploadCloseButton: string;

package/lib/index.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import { Metadata as _e, cl as B, Spinner as fe } from "@sps-woodland/core";
-import { parseFileSize as ue, code as _ } from "@spscommerce/utils";
-import { Button as L } from "@sps-woodland/buttons";
-import { GENERAL_ERROR_LARGE as me, UPLOAD_LARGE as he } from "@sps-woodland/illustrations";
-import { useWoodlandLanguage as ve } from "@spscommerce/i18n";
-const R = {
+import { Metadata as ve, cl as I, Spinner as we } from "@sps-woodland/core";
+import { parseFileSize as ge, code as _ } from "@spscommerce/utils";
+import { Button as W } from "@sps-woodland/buttons";
+import { GENERAL_ERROR_LARGE as Fe, UPLOAD_LARGE as Ee } from "@sps-woodland/illustrations";
+import { useWoodlandLanguage as xe } from "@spscommerce/i18n";
+const z = {
   "7Z": ["application/x-7z-compressed"],
   AAC: ["audio/aac"],
   ABW: ["application/x-abiword"],
@@ -81,208 +81,229 @@ const R = {
   XUL: ["application/vnd.mozilla.xul+xml"],
   ZIP: ["application/zip"]
 };
-function we(a, i, l) {
-  return i in a ? Object.defineProperty(a, i, {
-    value: l,
+function be(l, i, a) {
+  return i in l ? Object.defineProperty(l, i, {
+    value: a,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : a[i] = l, a;
+  }) : l[i] = a, l;
 }
-function I(a, i) {
-  var l = Object.keys(a);
+function G(l, i) {
+  var a = Object.keys(l);
   if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(a);
-    i && (t = t.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(a, n).enumerable;
-    })), l.push.apply(l, t);
+    var t = Object.getOwnPropertySymbols(l);
+    i && (t = t.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(l, r).enumerable;
+    })), a.push.apply(a, t);
   }
-  return l;
+  return a;
 }
-function W(a) {
+function X(l) {
   for (var i = 1; i < arguments.length; i++) {
-    var l = arguments[i] != null ? arguments[i] : {};
-    i % 2 ? I(Object(l), !0).forEach(function(t) {
-      we(a, t, l[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(l)) : I(Object(l)).forEach(function(t) {
-      Object.defineProperty(a, t, Object.getOwnPropertyDescriptor(l, t));
+    var a = arguments[i] != null ? arguments[i] : {};
+    i % 2 ? G(Object(a), !0).forEach(function(t) {
+      be(l, t, a[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(l, Object.getOwnPropertyDescriptors(a)) : G(Object(a)).forEach(function(t) {
+      Object.defineProperty(l, t, Object.getOwnPropertyDescriptor(a, t));
     });
   }
-  return a;
+  return l;
 }
-var ge = (a, i, l) => {
-  for (var t of Object.keys(a)) {
-    var n;
-    if (a[t] !== ((n = i[t]) !== null && n !== void 0 ? n : l[t]))
+var Ue = (l, i, a) => {
+  for (var t of Object.keys(l)) {
+    var r;
+    if (l[t] !== ((r = i[t]) !== null && r !== void 0 ? r : a[t]))
       return !1;
   }
   return !0;
-}, C = (a) => (i) => {
-  var l = a.defaultClassName, t = W(W({}, a.defaultVariants), i);
-  for (var n in t) {
-    var v, w = (v = t[n]) !== null && v !== void 0 ? v : a.defaultVariants[n];
-    if (w != null) {
-      var p = w;
+}, D = (l) => (i) => {
+  var a = l.defaultClassName, t = X(X({}, l.defaultVariants), i);
+  for (var r in t) {
+    var m, g = (m = t[r]) !== null && m !== void 0 ? m : l.defaultVariants[r];
+    if (g != null) {
+      var p = g;
       typeof p == "boolean" && (p = p === !0 ? "true" : "false");
-      var d = (
+      var s = (
         // @ts-expect-error
-        a.variantClassNames[n][p]
+        l.variantClassNames[r][p]
       );
-      d && (l += " " + d);
+      s && (a += " " + s);
     }
   }
-  for (var [F, k] of a.compoundVariants)
-    ge(F, t, a.defaultVariants) && (l += " " + k);
-  return l;
-}, Fe = C({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw0", variantClassNames: { active: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw1", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw2" }, mini: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw3", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw4" }, error: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw5", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw6" }, shown: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw7", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw8" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw9", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwa" } }, defaultVariants: { active: !1, mini: !1, error: !1, shown: !0, disabled: !1 }, compoundVariants: [] }), xe = C({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwb", variantClassNames: { constrainContentWidth: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwc", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwd" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwe", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwf" } }, defaultVariants: { constrainContentWidth: !1, disabled: !1 }, compoundVariants: [] }), z = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwg", be = C({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwh", variantClassNames: { mini: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwi", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwj" }, error: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwk", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwl" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwm", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwn" } }, defaultVariants: { mini: !1, error: !1, disabled: !1 }, compoundVariants: [] }), Ee = C({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwo", variantClassNames: { mini: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwp", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwq" } }, defaultVariants: { mini: !1 }, compoundVariants: [] }), Ue = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwr", ye = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jws", G = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt", Se = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwu", je = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwv", Ce = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jww", ke = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwx", De = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwy";
-function X({
-  constrainContentWidth: a,
+  for (var [b, O] of l.compoundVariants)
+    Ue(b, t, l.defaultVariants) && (a += " " + O);
+  return a;
+}, ye = D({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw0", variantClassNames: { active: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw1", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw2" }, mini: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw3", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw4" }, error: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw5", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw6" }, shown: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw7", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw8" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw9", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwa" } }, defaultVariants: { active: !1, mini: !1, error: !1, shown: !0, disabled: !1 }, compoundVariants: [] }), Se = D({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwb", variantClassNames: { constrainContentWidth: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwc", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwd" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwe", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwf" } }, defaultVariants: { constrainContentWidth: !1, disabled: !1 }, compoundVariants: [] }), Z = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwg", je = D({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwh", variantClassNames: { mini: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwi", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwj" }, error: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwk", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwl" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwm", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwn" } }, defaultVariants: { mini: !1, error: !1, disabled: !1 }, compoundVariants: [] }), Ce = D({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwo", variantClassNames: { mini: { true: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwp", false: "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwq" } }, defaultVariants: { mini: !1 }, compoundVariants: [] }), ke = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwr", De = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jws", $ = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwt", q = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwu", Oe = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwv", Te = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jww", Ne = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwx", Pe = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwy", Ve = "pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwz";
+function H({ list: l }) {
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, l.map((i, a) => {
+    const t = Math.floor(i.length / 2);
+    return /* @__PURE__ */ e.createElement("div", { className: De, key: i }, /* @__PURE__ */ e.createElement("span", { className: $ }, i.substring(0, t)), /* @__PURE__ */ e.createElement("div", { className: $ }, /* @__PURE__ */ e.createElement("span", null, i.substring(t))), a < l.length - 1 ? "," : "");
+  }));
+}
+function J({
+  constrainContentWidth: l,
   description: i,
-  multiple: l = !1,
+  multiple: a = !1,
   dismissable: t,
-  processing: n,
-  mini: v,
-  downloadLabel: w,
+  processing: r,
+  mini: m,
+  downloadLabel: g,
   acceptExtensions: p,
-  maxSize: d,
-  customRequirement: F,
-  onSelection: k,
-  onDismiss: O,
+  maxSize: s,
+  customRequirement: b,
+  onSelection: O,
+  onDismiss: T,
   download: N,
-  shown: x,
-  className: Z,
-  disabled: c,
-  children: Ne,
-  ...q
+  shown: U,
+  className: K,
+  disabled: d,
+  children: Me,
+  ...Y
 }) {
-  const b = e.useRef(/* @__PURE__ */ new Set()), [H, T] = e.useState(x), [Te, J] = e.useState([]), [K, Y] = e.useState(""), [P, $] = e.useState(), [Q, E] = e.useState(!1), [g, U] = e.useState(!1), [y, A] = e.useState([]), [V, ee] = e.useState(""), { t: h } = ve(), S = (l ? h("fileUpload.instructions.other", { defaultValue: "Drag and drop your files here or |browse for files| on your desktop." }) : h("fileUpload.instructions.one", { defaultValue: "Drag and drop your file here or |browse for a file| on your desktop." })).split("|"), M = i || (l ? "Files" : "File"), f = e.useRef(null);
+  const y = e.useRef(/* @__PURE__ */ new Set()), [Q, P] = e.useState(U), [Ae, ee] = e.useState([]), [le, oe] = e.useState(""), [V, ae] = e.useState(), [te, S] = e.useState(!1), [F, j] = e.useState(!1), [h, L] = e.useState([]), [v, M] = e.useState([]), [E, ie] = e.useState(""), A = e.useMemo(() => (/* @__PURE__ */ new Set([...h, ...v])).size, [h, v]), { t: c } = xe(), C = (a ? c("fileUpload.instructions.other", {
+    defaultValue: "Drag and drop your files here or |browse for files| on your desktop."
+  }) : c("fileUpload.instructions.one", {
+    defaultValue: "Drag and drop your file here or |browse for a file| on your desktop."
+  })).split("|"), B = i || (a ? "Files" : "File"), f = e.useRef(null);
   e.useEffect(() => {
-    x && T(x);
-  }, [x]), e.useEffect(() => {
-    d && ae(d);
-  }, [d]), e.useEffect(() => {
-    p && le(p);
+    U && P(U);
+  }, [U]), e.useEffect(() => {
+    s && se(s);
+  }, [s]), e.useEffect(() => {
+    p && re(p);
   }, [p]);
-  function oe() {
-    t && (T(!1), O && O());
+  function ne() {
+    t && (P(!1), T && T());
   }
-  function ae(o) {
+  function se(o) {
     try {
-      $(ue(o));
+      ae(ge(o));
     } catch {
       throw new Error(`Could not parse "${o}" as a file size.`);
     }
   }
-  function le(o) {
-    const u = (Array.isArray(o) ? o : o.trim().split(/\s?,\s?/)).map((m) => m.replace(/^\./, "")), r = u.map((m) => `.${m}`.toLowerCase());
-    ee(
-      r.map((m, j) => j > 0 && j === r.length - 1 ? `or ${m}` : m).join(r.length > 2 ? ", " : " ")
-    ), b.current.clear();
-    for (const m of u) {
-      const j = Object.keys(R).includes(m.toUpperCase()) ? R[m.toUpperCase()] : [];
-      for (const ce of j)
-        b.current.add(ce);
+  function re(o) {
+    const w = (Array.isArray(o) ? o : o.trim().split(/\s?,\s?/)).map((n) => n.replace(/^\./, "")), u = w.map((n) => `.${n}`.toLowerCase());
+    ie(
+      u.map((n, k) => k > 0 && k === u.length - 1 ? `or ${n}` : n).join(u.length > 2 ? ", " : " ")
+    ), y.current.clear();
+    for (const n of w) {
+      const k = Object.keys(z).includes(n.toUpperCase()) ? z[n.toUpperCase()] : [];
+      for (const he of k)
+        y.current.add(he);
     }
-    Y(r.concat(Array.from(b.current)).join(","));
+    oe(u.concat(Array.from(y.current)).join(","));
   }
-  function D(o) {
-    A([]);
-    let s = [];
-    const u = Array.from(o);
-    for (const r of u)
-      r === null ? s.push("Not a file") : (p && !b.current.has(r.type) && s.push(r.name), d && P && r.size > P && s.indexOf(r.name) === -1 && s.push(r.name));
-    s.length ? (U(!0), f.current && f.current.value && (f.current.value = "")) : (J(u), k(u)), A(s);
+  function R(o) {
+    L([]), M([]);
+    let x = [], w = [];
+    const u = o ? Array.from(o) : [];
+    for (const n of u)
+      p && !y.current.has(n.type) && w.push(n.name), s && V && n.size > V && x.push(n.name);
+    x.length || w.length ? (j(!0), f.current && f.current.value && (f.current.value = "")) : (ee(u), O(u)), L(x), M(w);
   }
-  function te(o) {
-    o.preventDefault(), U(!1), f.current && f.current.click();
+  function pe(o) {
+    o.preventDefault(), j(!1), f.current && f.current.click();
   }
-  function ie() {
+  function de() {
     N && N();
   }
-  function ne(o) {
-    o.stopPropagation(), D(o.target.files || []), f.current && f.current.value && (f.current.value = "");
+  function ce(o) {
+    o.stopPropagation(), R(o.target.files), f.current && f.current.value && (f.current.value = "");
   }
-  function se(o) {
-    o.preventDefault(), o.stopPropagation(), E(!0), U(!1);
+  function _e(o) {
+    o.preventDefault(), o.stopPropagation(), S(!0), j(!1);
   }
-  function re(o) {
-    o.preventDefault(), E(!0), U(!1);
+  function fe(o) {
+    o.preventDefault(), S(!0), j(!1);
   }
-  function pe(o) {
-    o.preventDefault(), E(!1);
+  function ue(o) {
+    o.preventDefault(), S(!1);
   }
-  function de(o) {
-    o.preventDefault(), o.stopPropagation(), E(!1), o.dataTransfer.items ? D(
-      Array.from(o.dataTransfer.items).map(
-        (s) => s.getAsFile()
-      )
-    ) : D(o.dataTransfer.files);
+  function me(o) {
+    o.preventDefault(), o.stopPropagation(), S(!1), o.dataTransfer.files && R(o.dataTransfer.files);
   }
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      onDrop: c ? () => {
-      } : de,
-      onDragOver: c ? () => {
-      } : se,
-      onDragLeave: c ? () => {
-      } : pe,
-      onDragEnter: c ? () => {
-      } : re,
-      className: B(Fe({ active: Q, mini: v, error: g, shown: H, disabled: c }), Z),
-      ...q
+      onDrop: d ? () => {
+      } : me,
+      onDragOver: d ? () => {
+      } : _e,
+      onDragLeave: d ? () => {
+      } : ue,
+      onDragEnter: d ? () => {
+      } : fe,
+      className: I(ye({ active: te, mini: m, error: F, shown: Q, disabled: d }), K),
+      ...Y
     },
-    /* @__PURE__ */ e.createElement("div", { className: B(xe({ constrainContentWidth: a, disabled: c })) }, n ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(fe, { size: "md", "aria-hidden": "true" }), /* @__PURE__ */ e.createElement("div", { className: z }, h("fileUpload.processing", { defaultValue: "Processing Upload..." }))) : /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: be({ mini: v, error: g, disabled: c }), "aria-hidden": "true" }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: I(Se({ constrainContentWidth: l, disabled: d })) }, r ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(we, { size: "md", "aria-hidden": "true" }), /* @__PURE__ */ e.createElement("div", { className: Z }, c("fileUpload.processing", { defaultValue: "Processing Upload..." }))) : /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: je({ mini: m, error: F, disabled: d }), "aria-hidden": "true" }, /* @__PURE__ */ e.createElement(
       "img",
       {
-        className: De,
-        src: g ? me : he,
+        className: Ve,
+        src: F ? Fe : Ee,
         alt: "Upload Icon"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: Ee({ mini: v }) }, g ? /* @__PURE__ */ e.createElement("div", null, h(
-      y.length > 1 ? "fileUpload.cancelled.other" : "fileUpload.cancelled.one",
-      { defaultValue: y.length > 1 ? "File Upload(s) Failed" : "File Upload Failed" }
-    )) : /* @__PURE__ */ e.createElement("div", null, h("fileUpload.title", { description: M, defaultValue: `Upload your ${M}` }))), g ? /* @__PURE__ */ e.createElement("div", { className: Ue }, new Set(
-      y.map((o, s) => {
-        const u = Math.floor(o.length / 2);
-        return /* @__PURE__ */ e.createElement("div", { className: ye, key: o }, /* @__PURE__ */ e.createElement("span", { className: G }, o.substr(0, u)), /* @__PURE__ */ e.createElement("div", { className: G }, /* @__PURE__ */ e.createElement("span", null, o.substr(u))), s < y.length - 1 ? "," : "");
-      })
-    )) : /* @__PURE__ */ e.createElement("span", null), /* @__PURE__ */ e.createElement("div", { className: z }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", null, S[0]), c ? /* @__PURE__ */ e.createElement("u", null, S[1]) : /* @__PURE__ */ e.createElement("a", { href: "", onClick: te }, S[1]), /* @__PURE__ */ e.createElement("span", null, S[2]))), /* @__PURE__ */ e.createElement("div", { className: Se }, p ? /* @__PURE__ */ e.createElement("span", null, "(", " ", h("fileUpload.acceptedTypes", {
-      fileTypes: V,
-      defaultValue: `${V} format accepted`
-    }), " ", ")") : "", d ? /* @__PURE__ */ e.createElement("span", null, "( ", h("fileUpload.maximumSize", { size: d, defaultValue: `${d} maximum` }), " )") : "", F ? /* @__PURE__ */ e.createElement("span", null, " ", F, " ") : ""), w && /* @__PURE__ */ e.createElement("div", { className: je }, /* @__PURE__ */ e.createElement(
-      L,
+    )), /* @__PURE__ */ e.createElement("div", { className: Ce({ mini: m }) }, F ? /* @__PURE__ */ e.createElement("div", null, c(
+      A > 1 ? "fileUpload.cancelled.other" : "fileUpload.cancelled.one",
+      {
+        defaultValue: A > 1 ? "File Upload(s) Failed" : "File Upload Failed"
+      }
+    )) : /* @__PURE__ */ e.createElement("div", null, c("fileUpload.title", {
+      description: B,
+      defaultValue: `Upload your ${B}`
+    }))), F ? /* @__PURE__ */ e.createElement("div", { className: ke }, h.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(H, { list: h }), /* @__PURE__ */ e.createElement("div", { className: q }, c(
+      h.length === 1 ? "fileUpload.error.tooLarge.one" : "fileUpload.error.tooLarge.other",
+      {
+        size: s,
+        defaultValue: h.length === 1 ? `Selected file is larger than the size limit of ${s}.` : `Selected files are larger than the size limit of  ${s}.`
+      }
+    ))), v.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(H, { list: v }), /* @__PURE__ */ e.createElement("div", { className: q }, c(
+      v.length === 1 ? "fileUpload.error.wrongType.one" : "fileUpload.error.wrongType.other",
+      {
+        fileTypes: E,
+        defaultValue: v.length === 1 ? `Selected file is not an accepted file type: ${E}.` : `Selected files are not accepted file types: ${E}.`
+      }
+    )))) : /* @__PURE__ */ e.createElement("span", null), /* @__PURE__ */ e.createElement("div", { className: Z }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", null, C[0]), d ? /* @__PURE__ */ e.createElement("u", null, C[1]) : /* @__PURE__ */ e.createElement("a", { href: "", onClick: pe }, C[1]), /* @__PURE__ */ e.createElement("span", null, C[2]))), /* @__PURE__ */ e.createElement("div", { className: Oe }, p ? /* @__PURE__ */ e.createElement("span", null, "(", " ", c("fileUpload.acceptedTypes", {
+      fileTypes: E,
+      defaultValue: `${E} format accepted`
+    }), " ", ")") : "", s ? /* @__PURE__ */ e.createElement("span", null, "(", " ", c("fileUpload.maximumSize", {
+      size: s,
+      defaultValue: `${s} maximum`
+    }), " ", ")") : "", b ? /* @__PURE__ */ e.createElement("span", null, " ", b, " ") : ""), g && /* @__PURE__ */ e.createElement("div", { className: Te }, /* @__PURE__ */ e.createElement(
+      W,
       {
-        disabled: c,
+        disabled: d,
         kind: "link",
         icon: "download-cloud",
-        onClick: ie
+        onClick: de
       },
-      w
+      g
     )))),
-    t && !n && /* @__PURE__ */ e.createElement("div", { className: Ce }, /* @__PURE__ */ e.createElement(
-      L,
+    t && !r && /* @__PURE__ */ e.createElement("div", { className: Ne }, /* @__PURE__ */ e.createElement(
+      W,
       {
-        disabled: c,
+        disabled: d,
         kind: "icon",
         icon: "x",
-        title: h("fileUpload.close", { defaultValue: "Close" }),
-        onClick: oe
+        title: c("fileUpload.close", { defaultValue: "Close" }),
+        onClick: ne
       }
     )),
-    /* @__PURE__ */ e.createElement("form", { className: ke }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("form", { className: Pe }, /* @__PURE__ */ e.createElement(
       "input",
       {
         ref: f,
         type: "file",
-        accept: K || "*/*",
-        multiple: l || void 0,
-        onChange: ne
+        accept: le || "*/*",
+        multiple: a || void 0,
+        onChange: ce
       }
     ))
   );
 }
-_e.set(X, {
+ve.set(J, {
   name: "FileUpload",
   props: {
     constrainContentWidth: { type: "boolean" },
@@ -300,8 +321,8 @@ _e.set(X, {
     disabled: { type: "boolean" }
   }
 });
-const Oe = {
-  components: [X],
+const Le = {
+  components: [J],
   examples: {
     basic: {
       label: "Basic File Upload",
@@ -554,10 +575,10 @@ const Oe = {
       }
     }
   }
-}, Le = {
-  "File Upload": Oe
+}, Ge = {
+  "File Upload": Le
 };
 export {
-  X as FileUpload,
-  Le as MANIFEST
+  J as FileUpload,
+  Ge as MANIFEST
 };

package/lib/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(n,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils"),require("@sps-woodland/buttons"),require("@sps-woodland/illustrations"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils","@sps-woodland/buttons","@sps-woodland/illustrations","@spscommerce/i18n"],g):(n=typeof globalThis<"u"?globalThis:n||self,g(n.FileUpload={},n.React,n.core,n.utils,n.buttons,n.illustrations,n.i18n))})(this,function(n,g,b,p,A,M,J){"use strict";function K(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const t=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(i,l,t.get?t:{enumerable:!0,get:()=>o[l]})}}return i.default=o,Object.freeze(i)}const e=K(g),V={"7Z":["application/x-7z-compressed"],AAC:["audio/aac"],ABW:["application/x-abiword"],ARC:["application/octet-stream"],AVI:["video/x-msvideo"],AZW:["application/vnd.amazon.ebook"],BIN:["application/octet-stream"],BMP:["image/bmp"],BZ:["application/x-bzip"],BZ2:["application/x-bzip2"],CER:["application/pkix-cert","application/x-x509-ca-cert"],CSH:["application/x-csh"],CSS:["text/css"],CSV:["text/csv","application/vnd.ms-excel"],DOC:["application/msword"],DOCX:["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],EML:["application/octet-stream","message/rfc822","multipart/mixed","message/rfc5322","message/rfc6532"],EOT:["application/vnd.ms-fontobject"],EPUB:["application/epub+zip"],ES:["application/ecmascript"],FLV:["video/x-flv"],GIF:["image/gif"],GZ:["application/x-gzip"],HTM:["text/html"],HTML:["text/html"],ICO:["image/x-icon"],ICS:["text/calendar"],JAR:["application/java-archive"],JPEG:["image/jpeg"],JPG:["image/jpeg"],JS:["application/javascript"],JSON:["application/json"],M3U:["audio/x-mpequrl"],MID:["audio/midi"],MIDI:["audio/midi"],MOV:["video/quicktime"],MP3:["audio/mpeg3"],MP4:["video/mp4"],MPEG:["video/mpeg"],MPKG:["application/vnd.apple.installer+xml"],ODP:["application/vnd.oasis.opendocument.presentation"],ODS:["application/vnd.oasis.opendocument.spreadsheet"],ODT:["application/vnd.oasis.opendocument.text"],OGA:["audio/ogg"],OGV:["video/ogg"],OGX:["application/ogg"],OTF:["font/otf"],PNG:["image/png"],PDF:["application/pdf"],PPT:["application/vnd.ms-powerpoint"],PPTX:["application/vnd.openxmlformats-officedocument.presentationml.presentation"],RAR:["application/x-rar-compressed"],RTF:["application/rtf"],SH:["application/x-sh"],SVG:["image/svg+xml"],SWF:["application/x-shockwave-flash"],TAR:["application/x-tar"],TIF:["image/tiff"],TIFF:["image/tiff"],TS:["application/typescript"],TTF:["font/ttf"],TXT:["text/plain"],VSD:["application/vnd.visio"],WAV:["audio/wav"],WEBA:["audio/webm"],WEBM:["video/webm"],WEBP:["image/webp"],WOFF:["font/woff"],WOFF2:["font/woff2"],XHTML:["application/xhtml+xml"],XLS:["application/vnd.ms-excel"],XLSX:["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],XML:["application/xml"],XUL:["application/vnd.mozilla.xul+xml"],ZIP:["application/zip"]};function Y(o,i,l){return i in o?Object.defineProperty(o,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[i]=l,o}function B(o,i){var l=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);i&&(t=t.filter(function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable})),l.push.apply(l,t)}return l}function R(o){for(var i=1;i<arguments.length;i++){var l=arguments[i]!=null?arguments[i]:{};i%2?B(Object(l),!0).forEach(function(t){Y(o,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(l)):B(Object(l)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(l,t))})}return o}var $=(o,i,l)=>{for(var t of Object.keys(o)){var s;if(o[t]!==((s=i[t])!==null&&s!==void 0?s:l[t]))return!1}return!0},E=o=>i=>{var l=o.defaultClassName,t=R(R({},o.defaultVariants),i);for(var s in t){var v,F=(v=t[s])!==null&&v!==void 0?v:o.defaultVariants[s];if(F!=null){var c=F;typeof c=="boolean"&&(c=c===!0?"true":"false");var _=o.variantClassNames[s][c];_&&(l+=" "+_)}}for(var[U,N]of o.compoundVariants)$(U,t,o.defaultVariants)&&(l+=" "+N);return l},Q=E({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw0",variantClassNames:{active:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw1",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw2"},mini:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw3",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw4"},error:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw5",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw6"},shown:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw7",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw8"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw9",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwa"}},defaultVariants:{active:!1,mini:!1,error:!1,shown:!0,disabled:!1},compoundVariants:[]}),ee=E({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwb",variantClassNames:{constrainContentWidth:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwc",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwd"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwe",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwf"}},defaultVariants:{constrainContentWidth:!1,disabled:!1},compoundVariants:[]}),I="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwg",oe=E({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwh",variantClassNames:{mini:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwi",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwj"},error:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwk",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwl"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwm",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwn"}},defaultVariants:{mini:!1,error:!1,disabled:!1},compoundVariants:[]}),ae=E({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwo",variantClassNames:{mini:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwp",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwq"}},defaultVariants:{mini:!1},compoundVariants:[]}),le="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwr",te="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jws",L="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt",ie="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwu",ne="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwv",se="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jww",re="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwx",pe="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwy";function T({constrainContentWidth:o,description:i,multiple:l=!1,dismissable:t,processing:s,mini:v,downloadLabel:F,acceptExtensions:c,maxSize:_,customRequirement:U,onSelection:N,onDismiss:W,download:z,shown:y,className:ce,disabled:f,children:Te,..._e}){const S=e.useRef(new Set),[fe,G]=e.useState(y),[Ne,ue]=e.useState([]),[me,he]=e.useState(""),[X,we]=e.useState(),[ve,j]=e.useState(!1),[x,k]=e.useState(!1),[C,q]=e.useState([]),[Z,ge]=e.useState(""),{t:w}=J.useWoodlandLanguage(),O=(l?w("fileUpload.instructions.other",{defaultValue:"Drag and drop your files here or |browse for files| on your desktop."}):w("fileUpload.instructions.one",{defaultValue:"Drag and drop your file here or |browse for a file| on your desktop."})).split("|"),H=i||(l?"Files":"File"),u=e.useRef(null);e.useEffect(()=>{y&&G(y)},[y]),e.useEffect(()=>{_&&xe(_)},[_]),e.useEffect(()=>{c&&be(c)},[c]);function Fe(){t&&(G(!1),W&&W())}function xe(a){try{we(p.parseFileSize(a))}catch{throw new Error(`Could not parse "${a}" as a file size.`)}}function be(a){const m=(Array.isArray(a)?a:a.trim().split(/\s?,\s?/)).map(h=>h.replace(/^\./,"")),d=m.map(h=>`.${h}`.toLowerCase());ge(d.map((h,D)=>D>0&&D===d.length-1?`or ${h}`:h).join(d.length>2?", ":" ")),S.current.clear();for(const h of m){const D=Object.keys(V).includes(h.toUpperCase())?V[h.toUpperCase()]:[];for(const Oe of D)S.current.add(Oe)}he(d.concat(Array.from(S.current)).join(","))}function P(a){q([]);let r=[];const m=Array.from(a);for(const d of m)d===null?r.push("Not a file"):(c&&!S.current.has(d.type)&&r.push(d.name),_&&X&&d.size>X&&r.indexOf(d.name)===-1&&r.push(d.name));r.length?(k(!0),u.current&&u.current.value&&(u.current.value="")):(ue(m),N(m)),q(r)}function Ee(a){a.preventDefault(),k(!1),u.current&&u.current.click()}function Ue(){z&&z()}function ye(a){a.stopPropagation(),P(a.target.files||[]),u.current&&u.current.value&&(u.current.value="")}function Se(a){a.preventDefault(),a.stopPropagation(),j(!0),k(!1)}function je(a){a.preventDefault(),j(!0),k(!1)}function ke(a){a.preventDefault(),j(!1)}function Ce(a){a.preventDefault(),a.stopPropagation(),j(!1),a.dataTransfer.items?P(Array.from(a.dataTransfer.items).map(r=>r.getAsFile())):P(a.dataTransfer.files)}return e.createElement("div",{onDrop:f?()=>{}:Ce,onDragOver:f?()=>{}:Se,onDragLeave:f?()=>{}:ke,onDragEnter:f?()=>{}:je,className:b.cl(Q({active:ve,mini:v,error:x,shown:fe,disabled:f}),ce),..._e},e.createElement("div",{className:b.cl(ee({constrainContentWidth:o,disabled:f}))},s?e.createElement("div",null,e.createElement(b.Spinner,{size:"md","aria-hidden":"true"}),e.createElement("div",{className:I},w("fileUpload.processing",{defaultValue:"Processing Upload..."}))):e.createElement("div",null,e.createElement("div",{className:oe({mini:v,error:x,disabled:f}),"aria-hidden":"true"},e.createElement("img",{className:pe,src:x?M.GENERAL_ERROR_LARGE:M.UPLOAD_LARGE,alt:"Upload Icon"})),e.createElement("div",{className:ae({mini:v})},x?e.createElement("div",null,w(C.length>1?"fileUpload.cancelled.other":"fileUpload.cancelled.one",{defaultValue:C.length>1?"File Upload(s) Failed":"File Upload Failed"})):e.createElement("div",null,w("fileUpload.title",{description:H,defaultValue:`Upload your ${H}`}))),x?e.createElement("div",{className:le},new Set(C.map((a,r)=>{const m=Math.floor(a.length/2);return e.createElement("div",{className:te,key:a},e.createElement("span",{className:L},a.substr(0,m)),e.createElement("div",{className:L},e.createElement("span",null,a.substr(m))),r<C.length-1?",":"")}))):e.createElement("span",null),e.createElement("div",{className:I},e.createElement("div",null,e.createElement("span",null,O[0]),f?e.createElement("u",null,O[1]):e.createElement("a",{href:"",onClick:Ee},O[1]),e.createElement("span",null,O[2]))),e.createElement("div",{className:ie},c?e.createElement("span",null,"("," ",w("fileUpload.acceptedTypes",{fileTypes:Z,defaultValue:`${Z} format accepted`})," ",")"):"",_?e.createElement("span",null,"( ",w("fileUpload.maximumSize",{size:_,defaultValue:`${_} maximum`})," )"):"",U?e.createElement("span",null," ",U," "):""),F&&e.createElement("div",{className:ne},e.createElement(A.Button,{disabled:f,kind:"link",icon:"download-cloud",onClick:Ue},F)))),t&&!s&&e.createElement("div",{className:se},e.createElement(A.Button,{disabled:f,kind:"icon",icon:"x",title:w("fileUpload.close",{defaultValue:"Close"}),onClick:Fe})),e.createElement("form",{className:re},e.createElement("input",{ref:u,type:"file",accept:me||"*/*",multiple:l||void 0,onChange:ye})))}b.Metadata.set(T,{name:"FileUpload",props:{constrainContentWidth:{type:"boolean"},description:{type:"string"},multiple:{type:"boolean"},dismissable:{type:"boolean"},mini:{type:"boolean"},downloadLabel:{type:"string"},acceptExtensions:{type:"string[] | string"},maxSize:{type:"string"},customRequirement:{type:"string"},onSelection:{type:"(files: File[]) => void",required:!0},dismissal:{type:"() => void"},download:{type:"() => void"},disabled:{type:"boolean"}}});const de={"File Upload":{components:[T],examples:{basic:{label:"Basic File Upload",description:"Simply allow the user to drag-and-drop or select a single file or multiple files at once.",examples:{basic:{description:"Single file upload",react:p.code`
+(function(s,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils"),require("@sps-woodland/buttons"),require("@sps-woodland/illustrations"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils","@sps-woodland/buttons","@sps-woodland/illustrations","@spscommerce/i18n"],F):(s=typeof globalThis<"u"?globalThis:s||self,F(s.FileUpload={},s.React,s.core,s.utils,s.buttons,s.illustrations,s.i18n))})(this,function(s,F,U,d,V,A,ee){"use strict";function oe(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const t=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(a,l,t.get?t:{enumerable:!0,get:()=>o[l]})}}return a.default=o,Object.freeze(a)}const e=oe(F),L={"7Z":["application/x-7z-compressed"],AAC:["audio/aac"],ABW:["application/x-abiword"],ARC:["application/octet-stream"],AVI:["video/x-msvideo"],AZW:["application/vnd.amazon.ebook"],BIN:["application/octet-stream"],BMP:["image/bmp"],BZ:["application/x-bzip"],BZ2:["application/x-bzip2"],CER:["application/pkix-cert","application/x-x509-ca-cert"],CSH:["application/x-csh"],CSS:["text/css"],CSV:["text/csv","application/vnd.ms-excel"],DOC:["application/msword"],DOCX:["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],EML:["application/octet-stream","message/rfc822","multipart/mixed","message/rfc5322","message/rfc6532"],EOT:["application/vnd.ms-fontobject"],EPUB:["application/epub+zip"],ES:["application/ecmascript"],FLV:["video/x-flv"],GIF:["image/gif"],GZ:["application/x-gzip"],HTM:["text/html"],HTML:["text/html"],ICO:["image/x-icon"],ICS:["text/calendar"],JAR:["application/java-archive"],JPEG:["image/jpeg"],JPG:["image/jpeg"],JS:["application/javascript"],JSON:["application/json"],M3U:["audio/x-mpequrl"],MID:["audio/midi"],MIDI:["audio/midi"],MOV:["video/quicktime"],MP3:["audio/mpeg3"],MP4:["video/mp4"],MPEG:["video/mpeg"],MPKG:["application/vnd.apple.installer+xml"],ODP:["application/vnd.oasis.opendocument.presentation"],ODS:["application/vnd.oasis.opendocument.spreadsheet"],ODT:["application/vnd.oasis.opendocument.text"],OGA:["audio/ogg"],OGV:["video/ogg"],OGX:["application/ogg"],OTF:["font/otf"],PNG:["image/png"],PDF:["application/pdf"],PPT:["application/vnd.ms-powerpoint"],PPTX:["application/vnd.openxmlformats-officedocument.presentationml.presentation"],RAR:["application/x-rar-compressed"],RTF:["application/rtf"],SH:["application/x-sh"],SVG:["image/svg+xml"],SWF:["application/x-shockwave-flash"],TAR:["application/x-tar"],TIF:["image/tiff"],TIFF:["image/tiff"],TS:["application/typescript"],TTF:["font/ttf"],TXT:["text/plain"],VSD:["application/vnd.visio"],WAV:["audio/wav"],WEBA:["audio/webm"],WEBM:["video/webm"],WEBP:["image/webp"],WOFF:["font/woff"],WOFF2:["font/woff2"],XHTML:["application/xhtml+xml"],XLS:["application/vnd.ms-excel"],XLSX:["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],XML:["application/xml"],XUL:["application/vnd.mozilla.xul+xml"],ZIP:["application/zip"]};function le(o,a,l){return a in o?Object.defineProperty(o,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[a]=l,o}function B(o,a){var l=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);a&&(t=t.filter(function(p){return Object.getOwnPropertyDescriptor(o,p).enumerable})),l.push.apply(l,t)}return l}function R(o){for(var a=1;a<arguments.length;a++){var l=arguments[a]!=null?arguments[a]:{};a%2?B(Object(l),!0).forEach(function(t){le(o,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(l)):B(Object(l)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(l,t))})}return o}var ae=(o,a,l)=>{for(var t of Object.keys(o)){var p;if(o[t]!==((p=a[t])!==null&&p!==void 0?p:l[t]))return!1}return!0},S=o=>a=>{var l=o.defaultClassName,t=R(R({},o.defaultVariants),a);for(var p in t){var h,E=(h=t[p])!==null&&h!==void 0?h:o.defaultVariants[p];if(E!=null){var c=E;typeof c=="boolean"&&(c=c===!0?"true":"false");var r=o.variantClassNames[p][c];r&&(l+=" "+r)}}for(var[j,M]of o.compoundVariants)ae(j,t,o.defaultVariants)&&(l+=" "+M);return l},te=S({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw0",variantClassNames:{active:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw1",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw2"},mini:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw3",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw4"},error:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw5",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw6"},shown:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw7",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw8"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw9",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwa"}},defaultVariants:{active:!1,mini:!1,error:!1,shown:!0,disabled:!1},compoundVariants:[]}),ie=S({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwb",variantClassNames:{constrainContentWidth:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwc",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwd"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwe",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwf"}},defaultVariants:{constrainContentWidth:!1,disabled:!1},compoundVariants:[]}),I="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwg",ne=S({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwh",variantClassNames:{mini:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwi",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwj"},error:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwk",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwl"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwm",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwn"}},defaultVariants:{mini:!1,error:!1,disabled:!1},compoundVariants:[]}),se=S({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwo",variantClassNames:{mini:{true:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwp",false:"pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwq"}},defaultVariants:{mini:!1},compoundVariants:[]}),re="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwr",pe="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jws",W="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwt",z="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwu",de="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwv",ce="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jww",_e="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwx",fe="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwy",ue="pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwz";function G({list:o}){return e.createElement(e.Fragment,null,o.map((a,l)=>{const t=Math.floor(a.length/2);return e.createElement("div",{className:pe,key:a},e.createElement("span",{className:W},a.substring(0,t)),e.createElement("div",{className:W},e.createElement("span",null,a.substring(t))),l<o.length-1?",":"")}))}function P({constrainContentWidth:o,description:a,multiple:l=!1,dismissable:t,processing:p,mini:h,downloadLabel:E,acceptExtensions:c,maxSize:r,customRequirement:j,onSelection:M,onDismiss:X,download:q,shown:k,className:he,disabled:_,children:Ae,...we}){const C=e.useRef(new Set),[ve,Z]=e.useState(k),[Le,ge]=e.useState([]),[Fe,Ee]=e.useState(""),[$,be]=e.useState(),[ye,O]=e.useState(!1),[b,D]=e.useState(!1),[w,H]=e.useState([]),[v,J]=e.useState([]),[y,xe]=e.useState(""),K=e.useMemo(()=>new Set([...w,...v]).size,[w,v]),{t:f}=ee.useWoodlandLanguage(),T=(l?f("fileUpload.instructions.other",{defaultValue:"Drag and drop your files here or |browse for files| on your desktop."}):f("fileUpload.instructions.one",{defaultValue:"Drag and drop your file here or |browse for a file| on your desktop."})).split("|"),Y=a||(l?"Files":"File"),u=e.useRef(null);e.useEffect(()=>{k&&Z(k)},[k]),e.useEffect(()=>{r&&Se(r)},[r]),e.useEffect(()=>{c&&je(c)},[c]);function Ue(){t&&(Z(!1),X&&X())}function Se(i){try{be(d.parseFileSize(i))}catch{throw new Error(`Could not parse "${i}" as a file size.`)}}function je(i){const g=(Array.isArray(i)?i:i.trim().split(/\s?,\s?/)).map(n=>n.replace(/^\./,"")),m=g.map(n=>`.${n}`.toLowerCase());xe(m.map((n,N)=>N>0&&N===m.length-1?`or ${n}`:n).join(m.length>2?", ":" ")),C.current.clear();for(const n of g){const N=Object.keys(L).includes(n.toUpperCase())?L[n.toUpperCase()]:[];for(const Me of N)C.current.add(Me)}Ee(m.concat(Array.from(C.current)).join(","))}function Q(i){H([]),J([]);let x=[],g=[];const m=i?Array.from(i):[];for(const n of m)c&&!C.current.has(n.type)&&g.push(n.name),r&&$&&n.size>$&&x.push(n.name);x.length||g.length?(D(!0),u.current&&u.current.value&&(u.current.value="")):(ge(m),M(m)),H(x),J(g)}function ke(i){i.preventDefault(),D(!1),u.current&&u.current.click()}function Ce(){q&&q()}function Oe(i){i.stopPropagation(),Q(i.target.files),u.current&&u.current.value&&(u.current.value="")}function De(i){i.preventDefault(),i.stopPropagation(),O(!0),D(!1)}function Te(i){i.preventDefault(),O(!0),D(!1)}function Ne(i){i.preventDefault(),O(!1)}function Pe(i){i.preventDefault(),i.stopPropagation(),O(!1),i.dataTransfer.files&&Q(i.dataTransfer.files)}return e.createElement("div",{onDrop:_?()=>{}:Pe,onDragOver:_?()=>{}:De,onDragLeave:_?()=>{}:Ne,onDragEnter:_?()=>{}:Te,className:U.cl(te({active:ye,mini:h,error:b,shown:ve,disabled:_}),he),...we},e.createElement("div",{className:U.cl(ie({constrainContentWidth:o,disabled:_}))},p?e.createElement("div",null,e.createElement(U.Spinner,{size:"md","aria-hidden":"true"}),e.createElement("div",{className:I},f("fileUpload.processing",{defaultValue:"Processing Upload..."}))):e.createElement("div",null,e.createElement("div",{className:ne({mini:h,error:b,disabled:_}),"aria-hidden":"true"},e.createElement("img",{className:ue,src:b?A.GENERAL_ERROR_LARGE:A.UPLOAD_LARGE,alt:"Upload Icon"})),e.createElement("div",{className:se({mini:h})},b?e.createElement("div",null,f(K>1?"fileUpload.cancelled.other":"fileUpload.cancelled.one",{defaultValue:K>1?"File Upload(s) Failed":"File Upload Failed"})):e.createElement("div",null,f("fileUpload.title",{description:Y,defaultValue:`Upload your ${Y}`}))),b?e.createElement("div",{className:re},w.length>0&&e.createElement(e.Fragment,null,e.createElement(G,{list:w}),e.createElement("div",{className:z},f(w.length===1?"fileUpload.error.tooLarge.one":"fileUpload.error.tooLarge.other",{size:r,defaultValue:w.length===1?`Selected file is larger than the size limit of ${r}.`:`Selected files are larger than the size limit of  ${r}.`}))),v.length>0&&e.createElement(e.Fragment,null,e.createElement(G,{list:v}),e.createElement("div",{className:z},f(v.length===1?"fileUpload.error.wrongType.one":"fileUpload.error.wrongType.other",{fileTypes:y,defaultValue:v.length===1?`Selected file is not an accepted file type: ${y}.`:`Selected files are not accepted file types: ${y}.`})))):e.createElement("span",null),e.createElement("div",{className:I},e.createElement("div",null,e.createElement("span",null,T[0]),_?e.createElement("u",null,T[1]):e.createElement("a",{href:"",onClick:ke},T[1]),e.createElement("span",null,T[2]))),e.createElement("div",{className:de},c?e.createElement("span",null,"("," ",f("fileUpload.acceptedTypes",{fileTypes:y,defaultValue:`${y} format accepted`})," ",")"):"",r?e.createElement("span",null,"("," ",f("fileUpload.maximumSize",{size:r,defaultValue:`${r} maximum`})," ",")"):"",j?e.createElement("span",null," ",j," "):""),E&&e.createElement("div",{className:ce},e.createElement(V.Button,{disabled:_,kind:"link",icon:"download-cloud",onClick:Ce},E)))),t&&!p&&e.createElement("div",{className:_e},e.createElement(V.Button,{disabled:_,kind:"icon",icon:"x",title:f("fileUpload.close",{defaultValue:"Close"}),onClick:Ue})),e.createElement("form",{className:fe},e.createElement("input",{ref:u,type:"file",accept:Fe||"*/*",multiple:l||void 0,onChange:Oe})))}U.Metadata.set(P,{name:"FileUpload",props:{constrainContentWidth:{type:"boolean"},description:{type:"string"},multiple:{type:"boolean"},dismissable:{type:"boolean"},mini:{type:"boolean"},downloadLabel:{type:"string"},acceptExtensions:{type:"string[] | string"},maxSize:{type:"string"},customRequirement:{type:"string"},onSelection:{type:"(files: File[]) => void",required:!0},dismissal:{type:"() => void"},download:{type:"() => void"},disabled:{type:"boolean"}}});const me={"File Upload":{components:[P],examples:{basic:{label:"Basic File Upload",description:"Simply allow the user to drag-and-drop or select a single file or multiple files at once.",examples:{basic:{description:"Single file upload",react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -10,7 +10,7 @@
                 <FileUpload onSelection={selectFile} />
               )
             }
-          `},multiple:{description:"Multiple file upload",react:p.code`
+          `},multiple:{description:"Multiple file upload",react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -22,7 +22,7 @@
                 <FileUpload onSelection={selectFile} multiple />
               )
             }
-          `}}},restrictions:{label:"Restrictions",description:"You can place restrictions on what files will be accepted with an extension whitelist and/or a maximum size.",examples:{maxSize:{description:"Maximum size",react:p.code`
+          `}}},restrictions:{label:"Restrictions",description:"You can place restrictions on what files will be accepted with an extension whitelist and/or a maximum size.",examples:{maxSize:{description:"Maximum size",react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -34,7 +34,7 @@
                 <FileUpload onSelection={selectFile} maxSize="100KB" />
               )
             }
-          `},fileWhitelist:{description:"File type whitelist",react:p.code`
+          `},fileWhitelist:{description:"File type whitelist",react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -51,7 +51,7 @@
                 />
               )
             }
-          `},bothRestrictions:{description:"Both restrictions",react:p.code`
+          `},bothRestrictions:{description:"Both restrictions",react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -69,7 +69,7 @@
                 />
               )
             }
-          `}}},dismissable:{label:"Dismissable",description:"With this option, the file upload component can be dismissed by the user. If the user does dismiss it, you can show it again programmatically if you need to.",examples:{basic:{react:p.code`
+          `}}},dismissable:{label:"Dismissable",description:"With this option, the file upload component can be dismissed by the user. If the user does dismiss it, you can show it again programmatically if you need to.",examples:{basic:{react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
             import { Button } from "@sps-woodland/buttons";
 
@@ -99,7 +99,7 @@
                 </>
               )
             }
-          `}}},download:{label:"Download Button",description:"You can optionally provide a button to download a file. Typically this will be a template for whatever the user is expected to upload. They can then fill out the template, save it, and upload it.",examples:{basic:{react:p.code`
+          `}}},download:{label:"Download Button",description:"You can optionally provide a button to download a file. Typically this will be a template for whatever the user is expected to upload. They can then fill out the template, save it, and upload it.",examples:{basic:{react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -121,7 +121,7 @@
                 />
               )
             }
-          `}}},mini:{label:"Mini File Upload",description:"When the file upload component is to be placed in a small container, it should be marked as a mini file upload so that everything fits.",examples:{basic:{react:p.code`
+          `}}},mini:{label:"Mini File Upload",description:"When the file upload component is to be placed in a small container, it should be marked as a mini file upload so that everything fits.",examples:{basic:{react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -137,7 +137,7 @@
                 </div>
               )
             }
-          `}}},constrainContentWidth:{label:"Constrain Content Width",description:"If this prop is provided, the content will be restricted to 50% of the overall width of the component. Consult your product designer if you're not sure whether to use this variant.",examples:{basic:{react:p.code`
+          `}}},constrainContentWidth:{label:"Constrain Content Width",description:"If this prop is provided, the content will be restricted to 50% of the overall width of the component. Consult your product designer if you're not sure whether to use this variant.",examples:{basic:{react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -153,7 +153,7 @@
                 </div>
               )
             }
-          `}}},disabled:{label:"Disabled State",description:"File Upload have a disabled style for each possible state.",examples:{basic:{description:"Disabled File Upload",react:p.code`
+          `}}},disabled:{label:"Disabled State",description:"File Upload have a disabled style for each possible state.",examples:{basic:{description:"Disabled File Upload",react:d.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -170,4 +170,4 @@
                   onSelection={selectFile} />
               )
             }
-          `}}}}}};n.FileUpload=T,n.MANIFEST=de,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+          `}}}}}};s.FileUpload=P,s.MANIFEST=me,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/lib/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw0{border-width:.0625rem;border-style:dashed;border-radius:.25rem;display:block;padding:1rem;position:relative}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw1{background-color:#f4ecf2;border-color:#91467f;border-style:solid}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw3{padding:1rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw5{border-color:#de002e}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw8{display:none}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw9{border-color:#d2d4d4}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwb{color:#4b5356;margin:0 auto;text-align:center}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwc{width:50%}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwe{color:#717779}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwg{font-size:.75rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwh{color:#717779;display:block;margin-bottom:1rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwi{font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwj{font-size:3rem;line-height:3rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwk{color:#de002e}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwm{opacity:.5}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwo{font-weight:600;margin-bottom:.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwp{font-size:1rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwq{font-size:1.125rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwr{font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jws{display:flex;justify-content:center;white-space:nowrap}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt{max-width:50%;overflow:hidden}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt:first-child{text-overflow:ellipsis}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt:last-child{float:right}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwu{font-size:.75rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwu>span+span{margin-left:.125rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwv{margin-top:1rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jww{position:absolute;right:.5rem;top:.5rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwx{display:none}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwy{height:3rem}
+.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw0{border-width:.0625rem;border-style:dashed;border-radius:.25rem;display:block;padding:1rem;position:relative}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw1{background-color:#f4ecf2;border-color:#91467f;border-style:solid}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw3{padding:1rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw5{border-color:#de002e}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw8{display:none}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jw9{border-color:#d2d4d4}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwb{color:#4b5356;margin:0 auto;text-align:center}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwc{width:50%}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwe{color:#717779}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwg{font-size:.75rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwh{color:#717779;display:block;margin-bottom:1rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwi{font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwj{font-size:3rem;line-height:3rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwk{color:#de002e}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwm{opacity:.5}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwo{font-weight:600;margin-bottom:.25rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwp{font-size:1rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwq{font-size:1.125rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwr{font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jws{display:flex;justify-content:center;white-space:nowrap}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwt{max-width:50%;overflow:hidden}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwt:first-child{text-overflow:ellipsis}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwt:last-child{float:right}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwu{font-weight:400}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwv{font-size:.75rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwv>span+span{margin-left:.125rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jww{margin-top:1rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwx{position:absolute;right:.5rem;top:.5rem}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwy{display:none}.pkg_sps-woodland_file-upload__version_8_35_3__hash_rh07jwz{height:3rem}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/file-upload",
   "description": "SPS Woodland Design System file upload component",
-  "version": "8.35.0",
+  "version": "8.35.3",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/file-upload",
@@ -30,13 +30,13 @@
     "@spscommerce/utils": "^7.0.0 || ^8.0.0",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@sps-woodland/buttons": "8.35.0",
-    "@sps-woodland/core": "8.35.0",
-    "@sps-woodland/illustrations": "8.35.0",
-    "@sps-woodland/tokens": "8.35.0",
-    "@spscommerce/ds-react": "8.35.0",
-    "@spscommerce/ds-shared": "8.35.0",
-    "@spscommerce/i18n": "8.35.0"
+    "@sps-woodland/buttons": "8.35.3",
+    "@sps-woodland/core": "8.35.3",
+    "@sps-woodland/illustrations": "8.35.3",
+    "@sps-woodland/tokens": "8.35.3",
+    "@spscommerce/ds-react": "8.35.3",
+    "@spscommerce/ds-shared": "8.35.3",
+    "@spscommerce/i18n": "8.35.3"
   },
   "devDependencies": {
     "@spscommerce/ds-illustrations": "^6.12.1",
@@ -45,14 +45,14 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/buttons": "8.35.0",
-    "@sps-woodland/core": "8.35.0",
-    "@sps-woodland/illustrations": "8.35.0",
-    "@sps-woodland/tokens": "8.35.0",
-    "@spscommerce/ds-colors": "8.35.0",
-    "@spscommerce/ds-react": "8.35.0",
-    "@spscommerce/ds-shared": "8.35.0",
-    "@spscommerce/i18n": "8.35.0"
+    "@sps-woodland/buttons": "8.35.3",
+    "@sps-woodland/core": "8.35.3",
+    "@sps-woodland/illustrations": "8.35.3",
+    "@sps-woodland/tokens": "8.35.3",
+    "@spscommerce/ds-colors": "8.35.3",
+    "@spscommerce/ds-react": "8.35.3",
+    "@spscommerce/ds-shared": "8.35.3",
+    "@spscommerce/i18n": "8.35.3"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",