@feathery/react 2.11.0 → 2.11.1

package/dist/cjs/elements/fields/FileUploadField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/fields/FileUploadField/index.tsx"],"names":[],"mappings":"AAeA,iBAAS,eAAe,CAAC,EACvB,OAAO,EACP,gBAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,QAAQ,EAAE,cAAyB,EACnC,YAAiB,EACjB,YAAiB,EACjB,QAAQ,EACT,EAAE,GAAG,oDAiWL;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/fields/FileUploadField/index.tsx"],"names":[],"mappings":"AAeA,iBAAS,eAAe,CAAC,EACvB,OAAO,EACP,gBAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,QAAQ,EAAE,cAAyB,EACnC,YAAiB,EACjB,YAAiB,EACjB,QAAQ,EACT,EAAE,GAAG,oDAgWL;AAED,eAAe,eAAe,CAAC"}

package/dist/cjs/elements/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/index.tsx"],"names":[],"mappings":";AA6EA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAuBX,CAAC;AAkBF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AA0ZnC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/index.tsx"],"names":[],"mappings":";AA6EA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAuBX,CAAC;AAkBF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AA8ZnC,eAAe,MAAM,CAAC"}

package/dist/cjs/{fthry_FormControl.BlJZjs35.js → fthry_FormControl.BoBlGUv-.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 
 // Simple input used for the 'other' option in checkbox and radio groups
 function FormControl(_a) {

package/dist/cjs/{fthry_InlineTooltip.BkttK4lB.js → fthry_InlineTooltip.BDg-8hjR.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
+var Overlay = require('./fthry_Overlay.9cAIeP6E.js');
 
 function HelpIcon(_a) {
     var _b = _a.cssStyles, cssStyles = _b === void 0 ? {} : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c;

package/dist/cjs/{fthry_Overlay.OLX1E5Mx.js → fthry_Overlay.9cAIeP6E.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 

package/dist/cjs/{fthry_PaymentMethodField.xVoJ3tP3.js → fthry_PaymentMethodField.CoByJr6K.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var index = require('./fthry_index.Bs9hNEnE.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
+var index = require('./fthry_index.CPoExiaS.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.9cAIeP6E.js');
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);

package/dist/cjs/{fthry_Placeholder.BYhrdrmr.js → fthry_Placeholder.B8Fiv4tG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 
 function Placeholder(_a) {
     var _b;

package/dist/cjs/{fthry_ShowEyeIcon.D2ndFoZG.js → fthry_ShowEyeIcon.BR6TU49u.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 
 function ShowEyeIcon$1(_a) {
     var _b = _a.width, width = _b === void 0 ? 30 : _b, _c = _a.height, height = _c === void 0 ? 30 : _c, props = index.__rest(_a, ["width", "height"]);

package/dist/cjs/{fthry_index.DU4NyVta.js → fthry_index.B1HntmiS.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
-var useElementSize = require('./fthry_useElementSize.DcThHOvc.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.D2ndFoZG.js');
-var input = require('./fthry_input.BiOQUOMr.js');
+var Placeholder = require('./fthry_Placeholder.B8Fiv4tG.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var Overlay = require('./fthry_Overlay.9cAIeP6E.js');
+var useElementSize = require('./fthry_useElementSize.BnoWET1V.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.BR6TU49u.js');
+var input = require('./fthry_input.CogPcc6M.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_index.Bs9hNEnE.js');
+require('./fthry_index.CPoExiaS.js');
 
 function TextAutocomplete$1(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/dist/cjs/{fthry_index.Dscne3Dt.js → fthry_index.B61Fc5yV.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.Bo70vqfi.js → fthry_index.BD1AaCkS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');
@@ -202,17 +202,7 @@ function FileUploadField(_a) {
                                     width: '100%',
                                     height: '100%',
                                     objectFit: 'contain'
-                                }, alt: filename || '' })) : (index.jsx("span", index.__assign({ style: {
-                                    color: 'black',
-                                    height: '100%',
-                                    width: '100%',
-                                    wordBreak: 'break-all',
-                                    fontSize: 'small',
-                                    display: 'flex',
-                                    justifyContent: 'center',
-                                    alignItems: 'center',
-                                    textAlign: 'center'
-                                } }, { children: filename || 'File' }))), index.jsx("div", index.__assign({ css: {
+                                }, alt: filename || '' })) : (index.jsx("span", index.__assign({ css: index.__assign({ height: '100%', width: '100%', wordBreak: 'break-all', display: 'flex', justifyContent: 'center', alignItems: 'center', textAlign: 'center' }, responsiveStyles.getTarget('filename')) }, { children: filename || 'File' }))), index.jsx("div", index.__assign({ css: {
                                     position: 'absolute',
                                     top: '4px',
                                     right: '4px',

package/dist/cjs/{fthry_index.C6L3jtzR.js → fthry_index.BOdVGl5l.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DQAPSVmr.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.9cAIeP6E.js');
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;

package/dist/cjs/{fthry_index.hN9N-F0_.js → fthry_index.BT4rLIaG.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.BlJZjs35.js');
-var index$1 = require('./fthry_index.DivS5VJj.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
+var FormControl = require('./fthry_FormControl.BoBlGUv-.js');
+var index$1 = require('./fthry_index.HrTSyg9B.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DQAPSVmr.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.9cAIeP6E.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/cjs/{fthry_index.B-OQCs5M.js → fthry_index.BWxbbmA2.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
-var useElementSize = require('./fthry_useElementSize.DcThHOvc.js');
+var Placeholder = require('./fthry_Placeholder.B8Fiv4tG.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var Overlay = require('./fthry_Overlay.9cAIeP6E.js');
+var useElementSize = require('./fthry_useElementSize.BnoWET1V.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.DfayElGY.js → fthry_index.Bg1tnBes.js}

@@ -17052,7 +17052,10 @@ var BASE64_REGEX = /(data:image\/(png|jpg|jpeg);base64,)([0-9a-zA-Z+/]{4})*(([0-
 function getThumbnailType(file) {
     var thumbnailType = THUMBNAIL_TYPE.UNKNOWN;
     if (file) {
-        if (/image\//.test(file.type)) {
+        // TIFF images are not supported by most browsers' <img> tag,
+        // so treat them as unknown (display filename only)
+        // Covers: image/tiff, image/x-tiff, image/tif
+        if (/image\//.test(file.type) && !/image\/(?:x-)?tiff?/i.test(file.type)) {
             thumbnailType = THUMBNAIL_TYPE.IMAGE;
         }
         else if (/application\/pdf/.test(file.type)) {
@@ -43559,9 +43562,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.BIB8RC3N.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.6P1NJRwv.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DasBAca1.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.z-pzQOVm.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -43707,7 +43710,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.11.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.11.1" + ' ', // replaced with real version during build
     'background: #e2626e; color: white; padding: 2px 6px; border-radius: 3px 0 0 3px; font-weight: bold;', 'background: #fce7e9; color: #c5495a; padding: 2px 6px; border-radius: 0 3px 3px 0;');
 }
 
@@ -45179,39 +45182,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.B-OQCs5M.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.C6L3jtzR.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.DivS5VJj.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BWxbbmA2.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BOdVGl5l.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.HrTSyg9B.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CxCE-XtP.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CKUbCvsH.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Dscne3Dt.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.ClLgzqZ3.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.B61Fc5yV.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.ClWRtApG.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.u1vwwO92.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.rFGfbGIk.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CBVYoHSE.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.JnLQZ_md.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.hcpwrtk6.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DD21qdc8.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.Bo70vqfi.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.DVoFPw_6.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CS9Y7B8-.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.BD1AaCkS.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.C5e1CIOA.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.EgnUQ81x.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.xVoJ3tP3.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CoByJr6K.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.Bw4tg6t2.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.BaPWhv11.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.CBzm-zz0.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.gF97kiKa.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CoeM5YQu.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.Bz00U1qW.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.hN9N-F0_.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BT4rLIaG.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.C91OrhDJ.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.KFDJ5jHx.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.gNcgXpsa.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.DU4NyVta.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.D7NIHZKl.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.C67RyE6s.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.D-DmJrvp.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.CEvNFKQL.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.B1HntmiS.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.CyKbm52O.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -45300,7 +45303,7 @@ function applyFieldStyles$1(field, styles) {
             styles.applyBoxShadow('field');
             break;
         case 'file_upload':
-            styles.addTargets('ac', 'add');
+            styles.addTargets('ac', 'add', 'filename');
             styles.applyHeight('ac');
             if (field.servar.metadata.multiple) {
                 styles.apply('field', 'padding_bottom', function (a) { return ({
@@ -45311,6 +45314,10 @@ function applyFieldStyles$1(field, styles) {
             styles.applyBorders({ target: 'field' });
             styles.applyCorners('field');
             styles.applyBoxShadow('field');
+            styles.applyColor('field', 'background_color', 'backgroundColor');
+            // filename target: only font styles + background for the filename span
+            styles.applyFontStyles('filename');
+            styles.applyColor('filename', 'background_color', 'backgroundColor');
             styles.applyColor('ac', 'background_color', 'backgroundColor');
             styles.applyBorders({ target: 'ac' });
             styles.applyCorners('ac');

package/dist/cjs/{fthry_index.CBzm-zz0.js → fthry_index.Bz00U1qW.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var styles = require('./fthry_styles.EGpWXoMs.js');
+var styles = require('./fthry_styles.IzrEmUeD.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.DVoFPw_6.js → fthry_index.C5e1CIOA.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
-var index$1 = require('./fthry_index.DivS5VJj.js');
+var Overlay = require('./fthry_Overlay.9cAIeP6E.js');
+var index$1 = require('./fthry_index.HrTSyg9B.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.C91OrhDJ.js → fthry_index.C67RyE6s.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.gNcgXpsa.js → fthry_index.CEvNFKQL.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var styles = require('./fthry_styles.EGpWXoMs.js');
+var styles = require('./fthry_styles.IzrEmUeD.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.CxCE-XtP.js → fthry_index.CKUbCvsH.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.BlJZjs35.js');
-var index = require('./fthry_index.DivS5VJj.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
+var FormControl = require('./fthry_FormControl.BoBlGUv-.js');
+var index = require('./fthry_index.HrTSyg9B.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DQAPSVmr.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.9cAIeP6E.js');
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/dist/cjs/{fthry_index.Bs9hNEnE.js → fthry_index.CPoExiaS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 
 var propTypes = {exports: {}};
 

package/dist/cjs/{fthry_index.ClLgzqZ3.js → fthry_index.ClWRtApG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.BaPWhv11.js → fthry_index.CoeM5YQu.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.D7NIHZKl.js → fthry_index.CyKbm52O.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
+var Placeholder = require('./fthry_Placeholder.B8Fiv4tG.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.9cAIeP6E.js');
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/dist/cjs/{fthry_index.KFDJ5jHx.js → fthry_index.D-DmJrvp.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var index$1 = require('./fthry_index.Bs9hNEnE.js');
+var index$1 = require('./fthry_index.CPoExiaS.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
@@ -1435,7 +1435,7 @@ function SignatureField(_a) {
     React.useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DasBAca1.js'); }).then(function (n) { return n.webfontloader; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.z-pzQOVm.js'); }).then(function (n) { return n.webfontloader; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/dist/cjs/{fthry_index.hcpwrtk6.js → fthry_index.DD21qdc8.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var Placeholder$2 = require('./fthry_Placeholder.BYhrdrmr.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var Placeholder$2 = require('./fthry_Placeholder.B8Fiv4tG.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DQAPSVmr.js');
+var Overlay = require('./fthry_Overlay.9cAIeP6E.js');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.CS9Y7B8-.js → fthry_index.EgnUQ81x.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.D2ndFoZG.js');
+var Placeholder = require('./fthry_Placeholder.B8Fiv4tG.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.BR6TU49u.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.9cAIeP6E.js');
 
 function PasswordField(_a) {
     var _b;

package/dist/cjs/{fthry_index.DivS5VJj.js → fthry_index.HrTSyg9B.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.CBVYoHSE.js → fthry_index.JnLQZ_md.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DQAPSVmr.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.9cAIeP6E.js');
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/dist/cjs/{fthry_index.Bw4tg6t2.js → fthry_index.gF97kiKa.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
-var useElementSize = require('./fthry_useElementSize.DcThHOvc.js');
+var Placeholder = require('./fthry_Placeholder.B8Fiv4tG.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
+var Overlay = require('./fthry_Overlay.9cAIeP6E.js');
+var useElementSize = require('./fthry_useElementSize.BnoWET1V.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.u1vwwO92.js → fthry_index.rFGfbGIk.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$3 = require('./fthry_index.DfayElGY.js');
+var index$3 = require('./fthry_index.Bg1tnBes.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
+var Placeholder = require('./fthry_Placeholder.B8Fiv4tG.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BDg-8hjR.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.BiOQUOMr.js');
+var input = require('./fthry_input.CogPcc6M.js');
 require('react-dom/client');
 require('jszip');
-require('./fthry_Overlay.OLX1E5Mx.js');
-require('./fthry_index.Bs9hNEnE.js');
+require('./fthry_Overlay.9cAIeP6E.js');
+require('./fthry_index.CPoExiaS.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/dist/cjs/{fthry_input.BiOQUOMr.js → fthry_input.CogPcc6M.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.Bs9hNEnE.js');
+var index = require('./fthry_index.CPoExiaS.js');
 
 /** Checks if value is string */
 function isString(str) {

package/dist/cjs/{fthry_script.BIB8RC3N.js → fthry_script.6P1NJRwv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/cjs/{fthry_styles.EGpWXoMs.js → fthry_styles.IzrEmUeD.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.Bg1tnBes.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {