@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.4

package/File.js

@@ -61,18 +61,18 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Item: () => /* reexport */ br,
-        default: () => /* reexport */ Lr
+        Item: () => /* reexport */ kr,
+        default: () => /* reexport */ zr
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var t =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
-    var l =  e.n(a);
+    var i =  e.n(a);
     // CONCATENATED MODULE: external "lodash/debounce"
-    const i = require("lodash/debounce");
-    var o =  e.n(i);
+    const l = require("lodash/debounce");
+    var o =  e.n(l);
     // CONCATENATED MODULE: external "lodash/isString"
     const s = require("lodash/isString");
     var c =  e.n(s);
@@ -96,16 +96,16 @@
     var k =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowsCircularDouble"
     const q = require("@splunk/react-icons/ArrowsCircularDouble");
-    var S =  e.n(q);
+    var w =  e.n(q);
     // CONCATENATED MODULE: ./src/File/FileContext.tsx
-    var w =  (0, n.createContext)({
+    var S =  (0, n.createContext)({
         disabled: false
     });
-    w.displayName = "File";
-    /* harmony default export */    const C = w;
+    S.displayName = "File";
+    /* harmony default export */    const C = S;
     // CONCATENATED MODULE: external "@splunk/react-icons/FileAiff"
-    const F = require("@splunk/react-icons/FileAiff");
-    var x =  e.n(F);
+    const x = require("@splunk/react-icons/FileAiff");
+    var F =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileCss"
     const I = require("@splunk/react-icons/FileCss");
     var _ =  e.n(I);
@@ -114,10 +114,10 @@
     var R =  e.n(E);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDat"
     const O = require("@splunk/react-icons/FileDat");
-    var A =  e.n(O);
+    var j =  e.n(O);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDb"
-    const P = require("@splunk/react-icons/FileDb");
-    var j =  e.n(P);
+    const A = require("@splunk/react-icons/FileDb");
+    var P =  e.n(A);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDbf"
     const D = require("@splunk/react-icons/FileDbf");
     var M =  e.n(D);
@@ -132,10 +132,10 @@
     var L =  e.n(X);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileGif"
     const U = require("@splunk/react-icons/FileGif");
-    var z =  e.n(U);
+    var W =  e.n(U);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileHtm"
-    const H = require("@splunk/react-icons/FileHtm");
-    var W =  e.n(H);
+    const z = require("@splunk/react-icons/FileHtm");
+    var H =  e.n(z);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileHtml"
     const J = require("@splunk/react-icons/FileHtml");
     var G =  e.n(J);
@@ -155,8 +155,8 @@
     const te = require("@splunk/react-icons/FileJsx");
     var ae =  e.n(te);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileLog"
-    const le = require("@splunk/react-icons/FileLog");
-    var ie =  e.n(le);
+    const ie = require("@splunk/react-icons/FileLog");
+    var le =  e.n(ie);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileMid"
     const oe = require("@splunk/react-icons/FileMid");
     var se =  e.n(oe);
@@ -180,13 +180,13 @@
     var ke =  e.n(he);
     // CONCATENATED MODULE: external "@splunk/react-icons/FilePpt"
     const qe = require("@splunk/react-icons/FilePpt");
-    var Se =  e.n(qe);
+    var we =  e.n(qe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileRar"
-    const we = require("@splunk/react-icons/FileRar");
-    var Ce =  e.n(we);
+    const Se = require("@splunk/react-icons/FileRar");
+    var Ce =  e.n(Se);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileRtf"
-    const Fe = require("@splunk/react-icons/FileRtf");
-    var xe =  e.n(Fe);
+    const xe = require("@splunk/react-icons/FileRtf");
+    var Fe =  e.n(xe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileSql"
     const Ie = require("@splunk/react-icons/FileSql");
     var _e =  e.n(Ie);
@@ -195,10 +195,10 @@
     var Re =  e.n(Ee);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileText"
     const Oe = require("@splunk/react-icons/FileText");
-    var Ae =  e.n(Oe);
+    var je =  e.n(Oe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileTGZ"
-    const Pe = require("@splunk/react-icons/FileTGZ");
-    var je =  e.n(Pe);
+    const Ae = require("@splunk/react-icons/FileTGZ");
+    var Pe =  e.n(Ae);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileTiff"
     const De = require("@splunk/react-icons/FileTiff");
     var Me =  e.n(De);
@@ -213,31 +213,85 @@
     var Le =  e.n(Xe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileZip"
     const Ue = require("@splunk/react-icons/FileZip");
-    var ze =  e.n(Ue);
+    var We =  e.n(Ue);
     // CONCATENATED MODULE: external "@splunk/react-icons/Paperclip"
-    const He = require("@splunk/react-icons/Paperclip");
-    var We =  e.n(He);
+    const ze = require("@splunk/react-icons/Paperclip");
+    var He =  e.n(ze);
+    // CONCATENATED MODULE: external "styled-components"
+    const Je = require("styled-components");
+    var Ge =  e.n(Je);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
+    const Ze = require("@splunk/react-ui/Progress");
+    var Ve =  e.n(Ze);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const Ke = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const Qe = require("@splunk/react-ui/Button");
+    var Ye =  e.n(Qe);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileRipped"
+    const er = require("@splunk/react-icons/FileRipped");
+    var rr =  e.n(er);
+    // CONCATENATED MODULE: ./src/File/ItemStyles.ts
+    var nr = Ge().div.withConfig({
+        displayName: "ItemStyles__StyledItemWrapper",
+        componentId: "sc-1fsk3kr-0"
+    })([ "", ";flex-direction:column;gap:", ";" ], Ke.mixins.reset("flex"), Ke.variables.spacingXSmall);
+    var tr = Ge().div.withConfig({
+        displayName: "ItemStyles__StyledItem",
+        componentId: "sc-1fsk3kr-1"
+    })([ "display:flex;align-items:center;max-width:400px;padding:", " ", ";gap:", ";color:", ";", " ", ";& *:is(button){flex:none;}" ], Ke.variables.spacingXSmall, Ke.variables.spacingSmall, Ke.variables.spacingXSmall, Ke.variables.contentColorActive, (function(e) {
+        var r = e.$inProgress;
+        return r && (0, Je.css)([ "color:", ";" ], Ke.variables.contentColorDefault);
+    }), (function(e) {
+        var r = e.$disabled;
+        return r && (0, Je.css)([ "cursor:not-allowed;color:", ";" ], Ke.variables.contentColorDisabled);
+    }));
+    var ar = Ge()(rr()).withConfig({
+        displayName: "ItemStyles__StyledErrorIcon",
+        componentId: "sc-1fsk3kr-2"
+    })([ "fill:", ";" ], Ke.variables.contentColorNegative);
+    var ir = "28px";
+    var lr = Ge().div.withConfig({
+        displayName: "ItemStyles__StyledIcon",
+        componentId: "sc-1fsk3kr-3"
+    })([ "display:grid;justify-content:center;align-items:center;&:has(img){height:", ";width:", ";& img{max-width:", ";max-height:", ";}}" ], ir, ir, ir, ir);
+    var or = Ge().div.withConfig({
+        displayName: "ItemStyles__StyledLabel",
+        componentId: "sc-1fsk3kr-4"
+    })([ "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0;" ]);
+    var sr = Ge()(Ve()).withConfig({
+        displayName: "ItemStyles__StyledProgress",
+        componentId: "sc-1fsk3kr-5"
+    })([ "width:80px;height:6px;" ]);
+    var cr = Ge()(Ye()).withConfig({
+        displayName: "ItemStyles__StyledButton",
+        componentId: "sc-1fsk3kr-6"
+    })([ "&:not([disabled],[aria-disabled='true']){color:", ";}" ], Ke.variables.contentColorActive);
+    var ur = Ge().div.withConfig({
+        displayName: "ItemStyles__StyledErrorText",
+        componentId: "sc-1fsk3kr-7"
+    })([ "", ";color:", ";padding:", ";" ], Ke.mixins.typography("smallBody"), Ke.variables.contentColorNegative, Ke.variables.spacingXSmall);
     // CONCATENATED MODULE: ./src/File/ItemIcon.tsx
-    var Je = {
-        aif: x(),
-        aiff: x(),
+    var dr = {
+        aif: F(),
+        aiff: F(),
         css: _(),
         csv: R(),
-        dat: A(),
-        db: j(),
+        dat: j(),
+        db: P(),
         dbf: M(),
         doc: $(),
         eps: B(),
         fig: L(),
-        gif: z(),
-        htm: W(),
+        gif: W(),
+        htm: H(),
         html: G(),
         ico: V(),
         jpg: Q(),
         js: ee(),
         json: ne(),
         jsx: ae(),
-        log: ie(),
+        log: le(),
         mid: se(),
         mp3: ue(),
         mp4: pe(),
@@ -245,82 +299,37 @@
         pdf: ye(),
         php: ge(),
         png: ke(),
-        ppt: Se(),
+        ppt: we(),
         rar: Ce(),
-        rtf: xe(),
+        rtf: Fe(),
         sql: _e(),
         svg: Re(),
-        txt: Ae(),
-        tgz: je(),
+        txt: je(),
+        tgz: Pe(),
         tiff: Me(),
         wav: $e(),
         xls: Be(),
         xml: Le(),
-        zip: ze()
+        zip: We()
     };
-    var Ge = function e(r) {
+    var pr = function e(r) {
         var n;
-        var a = r.name, l = a === void 0 ? "" : a;
-        var i = ((n = l.split(".").pop()) === null || n === void 0 ? void 0 : n.toLowerCase()) || "";
-        var o = Je[i] || We();
+        var a = r.name, i = a === void 0 ? "" : a, l = r.icon;
+        /* if custom icon passed in use it */        if (l) {
+            
+            return t().createElement(lr, null, l);
+        }
+        var o = ((n = i.split(".").pop()) === null || n === void 0 ? void 0 : n.toLowerCase()) || "";
+        var s = dr[o] || He();
         
-        return t().createElement(o, {
+        return t().createElement(s, {
             "aria-hidden": "true"
         });
     };
-    /* harmony default export */    const Ze = Ge;
-    // CONCATENATED MODULE: external "styled-components"
-    const Ve = require("styled-components");
-    var Ke =  e.n(Ve);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
-    const Qe = require("@splunk/react-ui/Progress");
-    var Ye =  e.n(Qe);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const er = require("@splunk/themes");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const rr = require("@splunk/react-ui/Button");
-    var nr =  e.n(rr);
-    // CONCATENATED MODULE: external "@splunk/react-icons/FileRipped"
-    const tr = require("@splunk/react-icons/FileRipped");
-    var ar =  e.n(tr);
-    // CONCATENATED MODULE: ./src/File/ItemStyles.ts
-    var lr = Ke().div.withConfig({
-        displayName: "ItemStyles__StyledItemWrapper",
-        componentId: "sc-1fsk3kr-0"
-    })([ "", ";flex-direction:column;gap:", ";" ], er.mixins.reset("flex"), er.variables.spacingXSmall);
-    var ir = Ke().div.withConfig({
-        displayName: "ItemStyles__StyledItem",
-        componentId: "sc-1fsk3kr-1"
-    })([ "display:flex;align-items:center;max-width:400px;padding:", " ", ";gap:", ";color:", ";", " ", ";& *:is(button){flex:none;}" ], er.variables.spacingXSmall, er.variables.spacingSmall, er.variables.spacingXSmall, er.variables.contentColorActive, (function(e) {
-        var r = e.$inProgress;
-        return r && (0, Ve.css)([ "color:", ";" ], er.variables.contentColorDefault);
-    }), (function(e) {
-        var r = e.$disabled;
-        return r && (0, Ve.css)([ "cursor:not-allowed;color:", ";" ], er.variables.contentColorDisabled);
-    }));
-    var or = Ke()(ar()).withConfig({
-        displayName: "ItemStyles__StyledErrorIcon",
-        componentId: "sc-1fsk3kr-2"
-    })([ "fill:", ";" ], er.variables.contentColorNegative);
-    var sr = Ke().div.withConfig({
-        displayName: "ItemStyles__StyledLabel",
-        componentId: "sc-1fsk3kr-3"
-    })([ "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0;" ]);
-    var cr = Ke()(Ye()).withConfig({
-        displayName: "ItemStyles__StyledProgress",
-        componentId: "sc-1fsk3kr-4"
-    })([ "width:80px;height:6px;" ]);
-    var ur = Ke()(nr()).withConfig({
-        displayName: "ItemStyles__StyledButton",
-        componentId: "sc-1fsk3kr-5"
-    })([ "&:not([disabled],[aria-disabled='true']){color:", ";}" ], er.variables.contentColorActive);
-    var dr = Ke().div.withConfig({
-        displayName: "ItemStyles__StyledErrorText",
-        componentId: "sc-1fsk3kr-6"
-    })([ "", ";color:", ";padding:", ";" ], er.mixins.typography("smallBody"), er.variables.contentColorNegative, er.variables.spacingXSmall);
+    /* harmony default export */    const vr = pr;
     // CONCATENATED MODULE: ./src/File/Item.tsx
-    function pr() {
-        return pr = Object.assign ? Object.assign.bind() : function(e) {
+    function fr() {
+        return fr = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -328,20 +337,20 @@
                 }
             }
             return e;
-        }, pr.apply(null, arguments);
+        }, fr.apply(null, arguments);
     }
-    function vr(e, r) {
+    function mr(e, r) {
         if (null == e) return {};
-        var n, t, a = fr(e, r);
+        var n, t, a = yr(e, r);
         if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+            var i = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < i.length; t++) {
+                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
     }
-    function fr(e, r) {
+    function yr(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -352,165 +361,169 @@
         }
         return n;
     }
-    var mr = {
-        disabled: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        error: l().bool,
+    var br = {
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        /** @private */
+        icon: i().node,
         /** @private */
-        index: l().number,
-        itemId: l().any,
-        name: l().string.isRequired,
+        index: i().number,
+        itemId: i().any,
+        name: i().string.isRequired,
         /** If the uploadPercentage is 0, the item is assumed to be queued. If the upload is complete or
    * not applicable, uploadPercentage must be undefined. */
-        uploadPercentage: l().number
+        uploadPercentage: i().number
     };
-    function yr(e) {
-        var r = e.disabled, a = e.elementRef, l = e.error, i = l === void 0 ? false : l, o = e.itemId, s = e.name, c = e.index, u = c === void 0 ? 0 : c, d = e.uploadPercentage, p = vr(e, [ "disabled", "elementRef", "error", "itemId", "name", "index", "uploadPercentage" ]);
+    var gr =  t().createElement(ar, {
+        variant: "filled"
+    });
+    function hr(e) {
+        var r = e.disabled, a = e.elementRef, i = e.error, l = i === void 0 ? false : i, o = e.icon, s = e.itemId, c = e.name, u = e.index, d = u === void 0 ? 0 : u, p = e.uploadPercentage, v = mr(e, [ "disabled", "elementRef", "error", "icon", "itemId", "name", "index", "uploadPercentage" ]);
         // @docs-props-type ItemPropsBase
-                var v = (0, n.useContext)(w), y = v.onRequestRemove;
-        var b = (0, n.useCallback)((function(e) {
+                var y = (0, n.useContext)(S), b = y.onRequestRemove;
+        var h = (0, n.useCallback)((function(e) {
             e.preventDefault();
-            y === null || y === void 0 ? void 0 : y({
-                itemId: o,
-                name: s,
-                index: u
+            b === null || b === void 0 ? void 0 : b({
+                itemId: s,
+                name: c,
+                index: d
             });
-        }), [ y, o, s, u ]);
-        var h = (0, n.useContext)(w), q = h.onRequestRetry;
-        var C = (0, n.useCallback)((function(e) {
+        }), [ b, s, c, d ]);
+        var q = (0, n.useContext)(S), C = q.onRequestRetry;
+        var x = (0, n.useCallback)((function(e) {
             e.preventDefault();
-            q === null || q === void 0 ? void 0 : q({
-                itemId: o,
-                name: s,
-                index: u
+            C === null || C === void 0 ? void 0 : C({
+                itemId: s,
+                name: c,
+                index: d
             });
-        }), [ q, o, s, u ]);
-        var F = (0, n.useContext)(w), x = F.disabled;
-        var I = (0, m.sprintf)((0, f._)('Remove "%(filename)s"'), {
-            filename: s
+        }), [ C, s, c, d ]);
+        var F = (0, n.useContext)(S), I = F.disabled;
+        var _ = (0, m.sprintf)((0, f._)('Remove "%(filename)s"'), {
+            filename: c
         });
-        var _ = (0, m.sprintf)((0, f._)('Retry "%(filename)s"'), {
-            filename: s
+        var E = (0, m.sprintf)((0, f._)('Retry "%(filename)s"'), {
+            filename: c
         });
-        var E = (0, m.sprintf)((0, f._)('Uploading "%(filename)s"'), {
-            filename: s
+        var R = (0, m.sprintf)((0, f._)('Uploading "%(filename)s"'), {
+            filename: c
         });
-        var R = (0, f._)("Remove");
-        var O = r !== undefined ? r : x;
-        var A = d !== undefined && d > 0;
-        var P = i ?  t().createElement(or, {
-            variant: "filled"
-        }) :  t().createElement(Ze, {
-            name: s
+        var O = (0, f._)("Remove");
+        var j = r !== undefined ? r : I;
+        var A = p !== undefined && p > 0;
+        var P = l ? gr :  t().createElement(vr, {
+            name: c,
+            icon: o
         });
         
-        return t().createElement(lr, null,  t().createElement(ir, pr({
+        return t().createElement(nr, null,  t().createElement(tr, fr({
             "data-test": "item",
-            "data-test-disabled": O,
-            "data-test-error": i,
+            "data-test-disabled": j,
+            "data-test-error": l,
             ref: a
-        }, p, {
-            $disabled: O,
+        }, v, {
+            $disabled: j,
             $inProgress: A
-        }), P,  t().createElement(sr, {
+        }), P,  t().createElement(or, {
             "data-test": "label"
-        }, s), A &&  t().createElement(t().Fragment, null,  t().createElement(cr, {
-            percentage: d,
-            "aria-label": E
-        }),  t().createElement("span", null, d, "%")), q && i &&  t().createElement(ur, {
+        }, c), A &&  t().createElement(t().Fragment, null,  t().createElement(sr, {
+            percentage: p,
+            "aria-label": R
+        }),  t().createElement("span", null, p, "%")), C && l &&  t().createElement(cr, {
             "data-test": "retry",
-            onClick: C,
-            "aria-label": _,
+            onClick: x,
+            "aria-label": E,
             appearance: "subtle"
-        },  t().createElement(S(), {
+        },  t().createElement(w(), {
             "aria-label": (0, f._)("Retry")
-        })), !O && (d === undefined && !i ?  t().createElement(ur, {
+        })), !j && (p === undefined && !l ?  t().createElement(cr, {
             "data-test": "remove",
-            onClick: b,
-            "aria-label": I,
+            onClick: h,
+            "aria-label": _,
             appearance: "subtle"
         },  t().createElement(k(), {
-            "aria-label": R
-        })) :  t().createElement(ur, {
+            "aria-label": O
+        })) :  t().createElement(cr, {
             "data-test": "remove",
-            onClick: b,
-            "aria-label": I,
+            onClick: h,
+            "aria-label": _,
             appearance: "subtle"
         },  t().createElement(g(), {
-            "aria-label": R
-        })))), i &&  t().createElement(dr, null, (0, f._)("Something went wrong.")));
+            "aria-label": O
+        })))), l &&  t().createElement(ur, null, (0, f._)("Something went wrong.")));
     }
-    yr.propTypes = mr;
-    /* harmony default export */    const br = yr;
+    hr.propTypes = br;
+    /* harmony default export */    const kr = hr;
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowBroadUnderbarUp"
-    const gr = require("@splunk/react-icons/ArrowBroadUnderbarUp");
-    var hr =  e.n(gr);
+    const qr = require("@splunk/react-icons/ArrowBroadUnderbarUp");
+    var wr =  e.n(qr);
     // CONCATENATED MODULE: ./src/File/FileStyles.ts
-    var kr = "24px";
-    var qr = "150px";
-    var Sr = Ke().input.withConfig({
+    var Sr = "24px";
+    var Cr = "150px";
+    var xr = Ge().input.withConfig({
         displayName: "FileStyles__StyledInput",
         componentId: "sc-1wyh4cf-0"
     })([ "&[type='file']{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}" ]);
-    /* wraps the drop target box and the list of files */    var wr = Ke().div.withConfig({
+    /* wraps the drop target box and the list of files */    var Fr = Ge().div.withConfig({
         displayName: "FileStyles__StyledFileWrapper",
         componentId: "sc-1wyh4cf-1"
-    })([ "display:flex;flex-direction:column;gap:", ";" ], er.variables.spacingSmall);
-    var Cr = Ke()(hr()).withConfig({
+    })([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingSmall);
+    var Ir = Ge()(wr()).withConfig({
         displayName: "FileStyles__StyledUploadIcon",
         componentId: "sc-1wyh4cf-2"
-    })([ "width:", ";height:", ";fill:", ";" ], kr, kr, er.variables.contentColorActive);
-    var Fr = Ke().div.withConfig({
+    })([ "width:", ";height:", ";fill:", ";" ], Sr, Sr, Ke.variables.contentColorActive);
+    var _r = Ge().div.withConfig({
         displayName: "FileStyles__StyledInstructionText",
         componentId: "sc-1wyh4cf-3"
-    })([ "", ";" ], er.mixins.typography("body", {
+    })([ "", ";" ], Ke.mixins.typography("body", {
         color: "active",
         weight: "semiBold"
     }));
-    var xr = Ke().div.withConfig({
+    var Er = Ge().div.withConfig({
         displayName: "FileStyles__StyledFileTypeSupportMessage",
         componentId: "sc-1wyh4cf-4"
-    })([ "color:", ";text-align:center;" ], er.variables.contentColorDefault);
-    var Ir = Ke().div.withConfig({
+    })([ "color:", ";text-align:center;" ], Ke.variables.contentColorDefault);
+    var Rr = Ge().div.withConfig({
         displayName: "FileStyles__StyledDropTarget",
         componentId: "sc-1wyh4cf-5"
-    })([ "", ";flex-direction:column;align-items:center;justify-content:center;min-height:", ";gap:", ";padding:", ";border-radius:", ";cursor:pointer;", " ", " ", " ", " ", " ", " ", "" ], er.mixins.reset("flex"), qr, er.variables.spacingXSmall, er.variables.spacingSmall, er.variables.borderRadius, (function(e) {
+    })([ "", ";flex-direction:column;align-items:center;justify-content:center;min-height:", ";gap:", ";padding:", ";border-radius:", ";cursor:pointer;", " ", " ", " ", " ", " ", " ", "" ], Ke.mixins.reset("flex"), Cr, Ke.variables.spacingXSmall, Ke.variables.spacingSmall, Ke.variables.borderRadius, (function(e) {
         var r = e.$disabled;
-        return !r && (0, Ve.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], er.variables.actionColorBackgroundSubtleHover, /* sc-sel */ Fr, er.variables.contentColorAccentStrong, /* sc-sel */ Cr, er.variables.contentColorAccentStrong);
+        return !r && (0, Je.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], Ke.variables.actionColorBackgroundSubtleHover, /* sc-sel */ _r, Ke.variables.contentColorAccentStrong, /* sc-sel */ Ir, Ke.variables.contentColorAccentStrong);
     }), (function(e) {
         var r = e.$screenMode;
-        return r === "normal" && (0, Ve.css)([ "border:1px dashed ", ";" ], er.variables.borderColor);
+        return r === "normal" && (0, Je.css)([ "border:", " dashed ", ";" ], Ke.variables.inputBorderWidth, Ke.variables.borderColor);
     }), (function(e) {
         var r = e.$dragOver, n = e.$focused, t = e.$error;
-        return (r || n && !t) && (0, Ve.css)([ "", "{color:", ";}", "{fill:", ";}" ], /* sc-sel */ Fr, er.variables.contentColorAccentStrong, /* sc-sel */ Cr, er.variables.contentColorAccentStrong);
+        return (r || n && !t) && (0, Je.css)([ "", "{color:", ";}", "{fill:", ";}" ], /* sc-sel */ _r, Ke.variables.contentColorAccentStrong, /* sc-sel */ Ir, Ke.variables.contentColorAccentStrong);
     }), (function(e) {
         var r = e.$dragOver;
-        return r && (0, Ve.css)([ "background-color:", ";" ], er.variables.actionColorBackgroundSubtleHover);
+        return r && (0, Je.css)([ "background-color:", ";" ], Ke.variables.actionColorBackgroundSubtleHover);
     }), (function(e) {
         var r = e.$focused;
-        return r && (0, Ve.css)([ "box-shadow:", ";" ], er.variables.focusShadow);
+        return r && (0, Je.css)([ "box-shadow:", ";" ], Ke.variables.focusShadow);
     }), (function(e) {
         var r = e.$disabled;
-        return r && (0, Ve.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], er.variables.borderColorWeak, /* sc-sel */ Fr, /* sc-sel */ xr, er.variables.contentColorDisabled, /* sc-sel */ Cr, er.variables.contentColorDisabled);
+        return r && (0, Je.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], Ke.variables.borderColorWeak, /* sc-sel */ _r, /* sc-sel */ Er, Ke.variables.contentColorDisabled, /* sc-sel */ Ir, Ke.variables.contentColorDisabled);
     }), (function(e) {
         var r = e.$error, n = e.$dragOver;
-        return r && !n && (0, Ve.css)([ "border-color:", ";" ], er.variables.interactiveColorAccentError);
+        return r && !n && (0, Je.css)([ "border-color:", ";" ], Ke.variables.interactiveColorAccentError);
     }));
-    var _r = Ke().div.withConfig({
+    var Or = Ge().div.withConfig({
         displayName: "FileStyles__StyledHelp",
         componentId: "sc-1wyh4cf-6"
-    })([ "", ";" ], er.mixins.typography("smallBody"));
-    var Er = Ke().div.withConfig({
+    })([ "", ";" ], Ke.mixins.typography("smallBody"));
+    var jr = Ge().div.withConfig({
         displayName: "FileStyles__StyledWindowDrop",
         componentId: "sc-1wyh4cf-7"
-    })([ "position:fixed;top:0;left:0;right:0;bottom:0;z-index:", " + 10;" ], er.variables.zindexModal);
-    var Rr = Ke().div.withConfig({
+    })([ "position:fixed;top:0;left:0;right:0;bottom:0;z-index:", " + 10;" ], Ke.variables.zindexModal);
+    var Ar = Ge().div.withConfig({
         displayName: "FileStyles__StyledFileList",
         componentId: "sc-1wyh4cf-8"
-    })([ "display:flex;flex-direction:column;gap:", ";" ], er.variables.spacingXSmall);
+    })([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingXSmall);
     // CONCATENATED MODULE: ./src/File/File.tsx
-    function Or() {
-        return Or = Object.assign ? Object.assign.bind() : function(e) {
+    function Pr() {
+        return Pr = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -518,43 +531,43 @@
                 }
             }
             return e;
-        }, Or.apply(null, arguments);
+        }, Pr.apply(null, arguments);
     }
-    function Ar(e, r) {
-        return Tr(e) || Mr(e, r) || jr(e, r) || Pr();
+    function Dr(e, r) {
+        return Br(e) || Nr(e, r) || Tr(e, r) || Mr();
     }
-    function Pr() {
+    function Mr() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function jr(e, r) {
+    function Tr(e, r) {
         if (e) {
-            if ("string" == typeof e) return Dr(e, r);
+            if ("string" == typeof e) return $r(e, r);
             var n = {}.toString.call(e).slice(8, -1);
-            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Dr(e, r) : void 0;
+            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? $r(e, r) : void 0;
         }
     }
-    function Dr(e, r) {
+    function $r(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var n = 0, t = Array(r); n < r; n++) {
             t[n] = e[n];
         }
         return t;
     }
-    function Mr(e, r) {
+    function Nr(e, r) {
         var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != n) {
-            var t, a, l, i, o = [], s = !0, c = !1;
+            var t, a, i, l, o = [], s = !0, c = !1;
             try {
-                if (l = (n = n.call(e)).next, 0 === r) {
+                if (i = (n = n.call(e)).next, 0 === r) {
                     if (Object(n) !== n) return;
                     s = !1;
-                } else for (;!(s = (t = l.call(n)).done) && (o.push(t.value), o.length !== r); s = !0) {
+                } else for (;!(s = (t = i.call(n)).done) && (o.push(t.value), o.length !== r); s = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!s && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                    if (!s && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                 } finally {
                     if (c) throw a;
                 }
@@ -562,21 +575,21 @@
             return o;
         }
     }
-    function Tr(e) {
+    function Br(e) {
         if (Array.isArray(e)) return e;
     }
-    function $r(e, r) {
+    function Xr(e, r) {
         if (null == e) return {};
-        var n, t, a = Nr(e, r);
+        var n, t, a = Lr(e, r);
         if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+            var i = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < i.length; t++) {
+                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
     }
-    function Nr(e, r) {
+    function Lr(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -588,36 +601,36 @@
         return n;
     }
     /** @public */
-    /** @public */    var Br = {
-        accept: l().string,
-        allowMultiple: l().bool,
-        children: l().node,
-        disabled: l().bool,
-        dropAnywhere: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        fullscreen: l().bool,
-        error: l().bool,
-        help: l().node,
-        name: l().string,
-        onRequestAdd: l().func,
-        onRequestRemove: l().func,
-        onRequestRetry: l().func,
+    /** @public */    var Ur = {
+        accept: i().string,
+        allowMultiple: i().bool,
+        children: i().node,
+        disabled: i().bool,
+        dropAnywhere: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        fullscreen: i().bool,
+        error: i().bool,
+        help: i().node,
+        name: i().string,
+        onRequestAdd: i().func,
+        onRequestRemove: i().func,
+        onRequestRetry: i().func,
         /** @private. */
-        required: l().bool,
-        supportsMessage: l().node
+        required: i().bool,
+        supportsMessage: i().node
     };
     /**
  * File provides the ability to accept files and present uploaded files. It does not provide
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
- */    function Xr(e) {
-        var r = e.accept, a = e.allowMultiple, l = e.children, i = e.disabled, s = e.dropAnywhere, u = e.elementRef, p = e.error, b = e.fullscreen, g = e.help, h = e.name, k = e.onRequestAdd, q = e.onRequestRemove, S = e.onRequestRetry, w = e.required, F = e.supportsMessage, x = $r(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
+ */    function Wr(e) {
+        var r = e.accept, a = e.allowMultiple, i = e.children, l = e.disabled, s = e.dropAnywhere, u = e.elementRef, p = e.error, b = e.fullscreen, g = e.help, h = e.name, k = e.onRequestAdd, q = e.onRequestRemove, w = e.onRequestRetry, S = e.required, x = e.supportsMessage, F = Xr(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
         // @docs-props-type FilePropsBase
-                var I = (0, n.useState)(false), _ = Ar(I, 2), E = _[0], R = _[1];
-        var O = (0, n.useState)(false), A = Ar(O, 2), P = A[0], j = A[1];
+                var I = (0, n.useState)(false), _ = Dr(I, 2), E = _[0], R = _[1];
+        var O = (0, n.useState)(false), j = Dr(O, 2), A = j[0], P = j[1];
         /* Each time a file is uploaded this is incremented and used to generate the
    * file input's key. In this way we get a new input without a value. */        var D = (0, 
-        n.useState)(0), M = Ar(D, 2), T = M[0], $ = M[1];
+        n.useState)(0), M = Dr(D, 2), T = M[0], $ = M[1];
         var N = (0, y.createDOMID)();
         var B = (0, n.useCallback)((function(e) {
             if (e !== undefined && e.length > 0) {
@@ -639,38 +652,38 @@
             B((r = e.currentTarget.files) !== null && r !== void 0 ? r : undefined);
         }), [ B ]);
         var L = (0, n.useCallback)((function() {
-            j(true);
+            P(true);
         }), []);
         var U = (0, n.useCallback)((function() {
-            j(false);
+            P(false);
         }), []);
-        var z = (0, n.useCallback)((function(e) {
+        var W = (0, n.useCallback)((function(e) {
             if (!E) {
                 R(true);
             }
             e.preventDefault();
         }), [ E ]);
-        var H = (0, n.useMemo)((function() {
+        var z = (0, n.useMemo)((function() {
             return o()((function() {
                 return R(false);
             }), 300);
         }), [ R ]);
-        var W = (0, n.useCallback)((function(e) {
+        var H = (0, n.useCallback)((function(e) {
             var r;
             e.preventDefault();
-            H();
+            z();
             B((r = e.dataTransfer) === null || r === void 0 ? void 0 : r.files);
-        }), [ B, H ]);
+        }), [ B, z ]);
         var J = (0, n.useCallback)((function(e) {
             var r = e.name, n = e.index, t = e.itemId;
-            S === null || S === void 0 ? void 0 : S({
+            w === null || w === void 0 ? void 0 : w({
                 event: e,
                 filename: r,
                 index: n,
                 itemId: t,
                 name: h
             });
-        }), [ h, S ]);
+        }), [ h, w ]);
         var G = (0, n.useCallback)((function(e) {
             var r = e.name, n = e.index, t = e.itemId;
             q === null || q === void 0 ? void 0 : q({
@@ -681,7 +694,7 @@
                 name: h
             });
         }), [ h, q ]);
-        var Z = n.Children.toArray(l).filter(n.isValidElement).map((function(e, r) {
+        var Z = n.Children.toArray(i).filter(n.isValidElement).map((function(e, r) {
             
             return (0, n.cloneElement)(e, {
                 index: r,
@@ -689,14 +702,14 @@
             });
         }));
         var V = b || s;
-        var K = V || i;
-        var Q = V && !i;
-        var Y = i ? false : E || false;
+        var K = V || l;
+        var Q = V && !l;
+        var Y = l ? false : E || false;
         var ee = b ? "full" : "normal";
         var re = c()(r) && d()(r.split(",").join(", "));
         var ne = V ? (0, f._)("Drop your file anywhere or click this area to upload") : (0, 
         f._)("Click or drag file to this area to upload");
-        var te = F;
+        var te = x;
         if (!te) {
             te = r ? (0, m.sprintf)((0, f._)("Supports %(fileTypes)s"), {
                 fileTypes: re
@@ -704,67 +717,67 @@
         }
         var ae = (0, n.useMemo)((function() {
             return {
-                disabled: !!i,
+                disabled: !!l,
                 onRequestRemove: q ? G : undefined,
-                onRequestRetry: S ? J : undefined
+                onRequestRetry: w ? J : undefined
             };
-        }), [ i, G, J, q, S ]);
+        }), [ l, G, J, q, w ]);
         
-        return t().createElement(wr, Or({
+        return t().createElement(Fr, Pr({
             ref: u,
             "data-test": "file",
-            "data-test-disabled": i,
+            "data-test-disabled": l,
             "data-test-error": !!p
-        }, x),  t().createElement("label", {
+        }, F),  t().createElement("label", {
             htmlFor: N,
             "data-test": "file-label"
-        },  t().createElement(Ir, {
+        },  t().createElement(Rr, {
             "data-test": "file-drop-target",
-            onDragOver: K ? undefined : z,
-            onDragLeave: K ? undefined : H,
-            onDrop: K ? undefined : W,
-            $disabled: !!i,
+            onDragOver: K ? undefined : W,
+            onDragLeave: K ? undefined : z,
+            onDrop: K ? undefined : H,
+            $disabled: !!l,
             $dragOver: Y,
             $error: !!p,
             $screenMode: ee,
-            $focused: P
-        },  t().createElement(Cr, {
+            $focused: A
+        },  t().createElement(Ir, {
             $screenMode: ee
-        }),  t().createElement(Sr, {
+        }),  t().createElement(xr, {
             accept: r,
             "data-test": "file-input",
-            disabled: i,
+            disabled: l,
             id: N,
             key: "file-input-".concat(T),
             multiple: a || undefined,
             onBlur: U,
             onChange: X,
             onFocus: L,
-            required: w,
+            required: S,
             type: "file"
-        }),  t().createElement(Fr, null, ne),  t().createElement(xr, {
+        }),  t().createElement(_r, null, ne),  t().createElement(Er, {
             "data-test": "file-supports"
-        }, te), Q && E &&  t().createElement(Er, {
+        }, te), Q && E &&  t().createElement(jr, {
             "data-test": "file-window-drop",
-            onDragLeave: H
+            onDragLeave: z
         }), Q &&  t().createElement(t().Fragment, null,  t().createElement(v(), {
             target: window,
             eventType: "dragover",
-            listener: z
+            listener: W
         }),  t().createElement(v(), {
             target: window,
             eventType: "drop",
-            listener: W
-        })))), !i && g &&  t().createElement(_r, {
+            listener: H
+        })))), !l && g &&  t().createElement(Or, {
             "data-test": "help"
         }, g),  t().createElement(C.Provider, {
             value: ae
-        },  t().createElement(Rr, null, Z)));
+        },  t().createElement(Ar, null, Z)));
     }
-    Xr.propTypes = Br;
-    Xr.componentType = "File";
-    Xr.Item = br;
-    /* harmony default export */    const Lr = Xr;
+    Wr.propTypes = Ur;
+    Wr.componentType = "File";
+    Wr.Item = kr;
+    /* harmony default export */    const zr = Wr;
     // CONCATENATED MODULE: ./src/File/index.ts
     module.exports = r;
     /******/})();