@linzjs/lui 17.10.0 → 17.10.3

package/dist/lui.esm.js

@@ -7,46 +7,7 @@ import require$$1, { createPortal } from 'react-dom';
 import lottie from 'lottie-web/build/player/lottie_light';
 import { useQuery } from 'react-query';
 
-function toVal(mix) {
-	var k, y, str='';
-
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
+function r$2(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$2(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$2(e))&&(n&&(n+=" "),n+=t);return n}
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -157,15 +118,6 @@ function __read(o, n) {
     return ar;
 }
 
-/** @deprecated */
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-
 function __spreadArray(to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -217,6 +169,8 @@ iconMap['ic_attach_file'] = (React__default.createElement("svg", { viewBox: "0 0
     React__default.createElement("path", { d: "m19.571 10.586-8.132 8.132a3.999 3.999 0 0 1-5.657 0 3.999 3.999 0 0 1 0-5.657l8.84-8.84a2.501 2.501 0 0 1 3.535 3.536l-7.425 7.425a1.003 1.003 0 0 1-1.414 0 1.003 1.003 0 0 1 0-1.414l6.717-6.718-1.06-1.06-6.718 6.717a2.501 2.501 0 0 0 3.536 3.536l7.425-7.425a3.999 3.999 0 0 0 0-5.657 3.999 3.999 0 0 0-5.657 0L4.72 12a5.497 5.497 0 0 0 0 7.778 5.497 5.497 0 0 0 7.779 0l8.132-8.131-1.06-1.061Z" })));
 iconMap['ic_attachment'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M2.016 12.023c0-1.531.531-2.836 1.594-3.914C4.673 7.03 5.97 6.492 7.501 6.492h10.5c1.094 0 2.032.398 2.813 1.195.781.797 1.172 1.742 1.172 2.836 0 1.094-.39 2.032-1.172 2.813-.781.781-1.719 1.172-2.813 1.172H9.517a2.472 2.472 0 0 1-1.781-.727c-.5-.485-.75-1.07-.75-1.758 0-.687.25-1.281.75-1.781s1.094-.75 1.781-.75h7.5v2.016H9.423c-.281 0-.422.164-.422.492 0 .328.14.492.422.492h8.578c.531 0 1-.195 1.406-.586.406-.39.609-.852.609-1.383s-.203-1-.609-1.406c-.406-.406-.875-.61-1.406-.61h-10.5c-.969 0-1.797.345-2.484 1.032a3.386 3.386 0 0 0-1.031 2.484c0 .969.344 1.789 1.031 2.46a3.425 3.425 0 0 0 2.484 1.009h9.516v2.016H7.501c-1.531 0-2.828-.531-3.891-1.594-1.063-1.063-1.594-2.36-1.594-3.891Z" })));
+iconMap['ic_auth_and_instruct'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "m12.69 17.403 1.059 1.053c-.215.13-.456.194-.724.194a.825.825 0 0 1-.528-.162.528.528 0 0 1-.206-.437c0-.134.036-.252.107-.354.071-.103.168-.2.292-.294Zm.6-1.268a.477.477 0 0 0 .146-.346.33.33 0 0 0-.115-.266.443.443 0 0 0-.296-.098.51.51 0 0 0-.337.102.356.356 0 0 0-.123.29c0 .188.101.394.303.62a1.89 1.89 0 0 0 .421-.302Zm-5.912-1.311a73.182 73.182 0 0 1-.696 2.33h1.403c-.36-1.16-.564-1.817-.61-1.97a5.627 5.627 0 0 1-.097-.36ZM21.222 8v12c0 1.1-.9 2-2 2H5.212c-1.1 0-1.99-.9-1.99-2l.01-16c0-1.1.89-2 1.99-2h10l6 6ZM9.978 19.393 8.07 13.988H6.675l-1.9 5.405h1.23l.39-1.281h1.962l.39 1.281h1.23Zm5.927.01-.96-.935c.17-.21.322-.452.456-.725.134-.273.24-.554.316-.84h-1.014c-.111.39-.242.71-.393.96l-.906-.884c.328-.19.565-.389.712-.598.146-.21.22-.441.22-.694a.887.887 0 0 0-.356-.739c-.237-.184-.553-.276-.949-.276-.415 0-.746.1-.994.297a.951.951 0 0 0-.371.782c0 .197.036.38.108.547.073.167.189.342.348.525-.313.178-.533.37-.662.575a1.374 1.374 0 0 0-.193.745c0 .406.152.729.456.967.304.238.716.357 1.235.357.512 0 .972-.141 1.378-.424l.367.36h1.202Zm3.08-5.393h-1.142v5.383h1.142V14.01ZM19.222 9h-5V4h-9v8h14V9Z" })));
 iconMap['ic_balance_parcel'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M23 15h-2v2h2v-2Zm0-4h-2v2h2v-2Zm0 8h-2v2c1 0 2-1 2-2ZM15 3h-2v2h2V3Zm8 4h-2v2h2V7Zm-2-4v2h2c0-1-1-2-2-2ZM3 21h8v-6H1v4c0 1.1.9 2 2 2ZM3 7H1v2h2V7Zm12 12h-2v2h2v-2Zm4-16h-2v2h2V3Zm0 16h-2v2h2v-2ZM3 3C2 3 1 4 1 5h2V3Zm0 8H1v2h2v-2Zm8-8H9v2h2V3ZM7 3H5v2h2V3Z" })));
 iconMap['ic_blocked'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
@@ -225,6 +179,8 @@ iconMap['ic_border_color'] = (React__default.createElement("svg", { xmlns: "http
     React__default.createElement("path", { d: "M0 20.016h24V24H0v-3.984zM20.719 4.031 18.75 6 15 2.25 16.969.281Q17.25 0 17.672 0t.703.281l2.344 2.344q.281.281.281.703t-.281.703zm-2.953 2.953L7.735 17.015h-3.75v-3.75L14.016 3.234z" })));
 iconMap['ic_cancel_clear'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41Z" })));
+iconMap['ic_certify_and_sign'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "M9 4v1.38c-.83-.33-1.72-.5-2.61-.5-1.79 0-3.58.68-4.95 2.05l3.33 3.33h1.11v1.11c.86.86 1.98 1.31 3.11 1.36V15H6v3c0 1.1.9 2 2 2h10c1.66 0 3-1.34 3-3V4H9Zm-1.11 6.41V8.26H5.61L4.57 7.22a5.07 5.07 0 0 1 1.82-.34c1.34 0 2.59.52 3.54 1.46l1.41 1.41-.2.2a2.7 2.7 0 0 1-1.92.8c-.47 0-.93-.12-1.33-.34ZM19 17c0 .55-.45 1-1 1s-1-.45-1-1v-2h-6v-2.59c.57-.23 1.1-.57 1.56-1.03l.2-.2L15.59 14H17v-1.41l-6-5.97V6h8v11Z" })));
 iconMap['ic_change_password'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M12.65 10a5.998 5.998 0 0 0-6.88-3.88c-2.29.46-4.15 2.29-4.63 4.58A6.006 6.006 0 0 0 7 18a5.99 5.99 0 0 0 5.65-4H17v2c0 1.1.9 2 2 2s2-.9 2-2v-2c1.1 0 2-.9 2-2s-.9-2-2-2h-8.35ZM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z" })));
 iconMap['ic_check'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
@@ -253,10 +209,14 @@ iconMap['ic_delete_outline'] = (React__default.createElement("svg", { viewBox: "
     React__default.createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10ZM9 9h6c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1Zm6.5-5-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1h-2.5Z" })));
 iconMap['ic_delete_solid'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12ZM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4Z" })));
+iconMap['ic_dollar_round'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "M11.778 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm.31-8.86c-1.77-.45-2.34-.94-2.34-1.67 0-.84.79-1.43 2.1-1.43 1.38 0 1.9.66 1.94 1.64h1.71c-.05-1.34-.87-2.57-2.49-2.97V5h-2.33v1.69c-1.51.32-2.72 1.3-2.72 2.81 0 1.79 1.49 2.69 3.66 3.21 1.95.46 2.34 1.15 2.34 1.87 0 .53-.39 1.39-2.1 1.39-1.6 0-2.23-.72-2.32-1.64h-1.72c.1 1.7 1.36 2.66 2.86 2.97V19h2.34v-1.67c1.52-.29 2.72-1.16 2.73-2.77-.01-2.2-1.9-2.96-3.66-3.42Z" })));
 iconMap['ic_double_arrow_left'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M18.29 17.29a.996.996 0 0 0 0-1.41L14.42 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L12.3 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z M11.7 17.29a.996.996 0 0 0 0-1.41L7.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L5.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z" })));
 iconMap['ic_double_arrow_right'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M5.7 6.71a.996.996 0 0 0 0 1.41L9.58 12 5.7 15.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L7.12 6.71c-.39-.39-1.03-.39-1.42 0Z M12.29 6.71a.996.996 0 0 0 0 1.41L16.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L13.7 6.7c-.38-.38-1.02-.38-1.41.01Z" })));
+iconMap['ic_double_tick'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7Zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41ZM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41Z" })));
 iconMap['ic_drag_handle'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M20 9H4v2h16V9ZM4 15h16v-2H4v2Z" })));
 iconMap['ic_drag_indicator'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -301,6 +261,8 @@ iconMap['ic_insert_invitation'] = (React__default.createElement("svg", { xmlns:
     React__default.createElement("path", { d: "M18.984 19.992V9.023H5.015v10.969h13.969zm-3-18H18v2.016h.984q.797 0 1.406.609t.609 1.406v13.969q0 .797-.609 1.406t-1.406.609H5.015q-.844 0-1.43-.586t-.586-1.43V6.022q0-.797.586-1.406t1.43-.609h.984V1.991h2.016v2.016h7.969V1.991zm1.032 11.016v5.016H12v-5.016h5.016z" })));
 iconMap['ic_insert_photo'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M8.484 13.5 5.015 18h13.969l-4.5-6-3.469 4.5zM21 18.984q0 .797-.609 1.406t-1.406.609H5.016q-.797 0-1.406-.609t-.609-1.406V5.015q0-.797.609-1.406T5.016 3h13.969q.797 0 1.406.609T21 5.015v13.969z" })));
+iconMap['ic_instruments_roles'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "M9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12Zm0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7Zm.05 10H4.77c.99-.5 2.7-1 4.23-1 .11 0 .23.01.34.01.34-.73.93-1.33 1.64-1.81-.73-.13-1.42-.2-1.98-.2-2.34 0-7 1.17-7 3.5V19h7v-1.5c0-.17.02-.34.05-.5Zm7.45-2.5c-1.84 0-5.5 1.01-5.5 3V19h11v-1.5c0-1.99-3.66-3-5.5-3Zm1.21-1.82c.76-.43 1.29-1.24 1.29-2.18a2.5 2.5 0 0 0-5 0c0 .94.53 1.75 1.29 2.18.36.2.77.32 1.21.32.44 0 .85-.12 1.21-.32Z" })));
 iconMap['ic_keyboard_arrow_down'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M7.406 8.297 12 12.891l4.594-4.594L18 9.703l-6 6-6-6z" })));
 iconMap['ic_keyboard_arrow_left'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
@@ -353,6 +315,8 @@ iconMap['ic_navigate_next'] = (React__default.createElement("svg", { xmlns: "htt
     React__default.createElement("path", { d: "m9.703 6 6 6-6 6-1.406-1.406L12.891 12 8.297 7.406z" })));
 iconMap['ic_note_add'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3v-3Zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6Zm4 18H6V4h7v5h5v11Z" })));
+iconMap['ic_notice_of_change'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "M15 2H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V8l-6-6ZM5 12V4h9v5h5v3H5Zm11.601 3.96a.891.891 0 0 1 .78-.412c.22 0 .425.03.616.092.192.062.383.137.574.227L19 14.765a3.684 3.684 0 0 0-1.605-.365c-.513 0-.959.11-1.34.33a2.17 2.17 0 0 0-.87.935c-.202.406-.302.878-.302 1.414 0 .857.208 1.513.624 1.966.418.454 1.018.68 1.8.68.545 0 1.034-.095 1.466-.287v-1.183c-.217.09-.433.167-.648.23a2.329 2.329 0 0 1-.666.096c-.758 0-1.138-.498-1.138-1.495 0-.48.094-.855.28-1.127Zm-6.669 3.694H8.097l-1.892-3.649h-.032c.045.574.067 1.012.067 1.315v2.334H5v-5.18h1.828l1.885 3.6h.021c-.033-.522-.05-.941-.05-1.258v-2.341h1.248v5.18Zm4.57-2.015c0 .656-.178 1.169-.532 1.537-.352.366-.846.55-1.481.55-.61 0-1.095-.188-1.456-.564-.36-.375-.539-.883-.539-1.523 0-.655.176-1.163.528-1.524.354-.364.85-.546 1.488-.546.395 0 .743.084 1.045.252.303.168.535.409.698.723.166.311.248.676.248 1.095Zm-2.601 0c0 .344.046.608.138.79.092.18.247.269.464.269.215 0 .366-.09.454-.27.09-.181.134-.445.134-.79 0-.342-.045-.6-.134-.775-.09-.175-.244-.263-.461-.263-.213 0-.365.088-.457.263-.092.172-.138.43-.138.776Z" })));
 iconMap['ic_numbered_list'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M21 16h-2c-.28 0-.5.22-.5.5s.22.5.5.5h1.5v.5H20c-.28 0-.5.22-.5.5s.22.5.5.5h.5v.5H19c-.28 0-.5.22-.5.5s.22.5.5.5h2c.28 0 .5-.22.5-.5v-3c0-.28-.22-.5-.5-.5zM19 5h.5v2.5c0 .28.22.5.5.5s.5-.22.5-.5v-3c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5s.22.5.5.5zm2.5 5.72v-.22c0-.28-.22-.5-.5-.5h-2c-.28 0-.5.22-.5.5s.22.5.5.5h1.3l-1.68 1.96a.49.49 0 0 0-.12.32v.22c0 .28.22.5.5.5h2c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-1.3l1.68-1.96a.49.49 0 0 0 .12-.32zM15.5 5h-12c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1zm0 12h-12c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1zm0-6h-12c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z" })));
 iconMap['ic_office_building_corporate'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -386,6 +350,8 @@ iconMap['ic_product_list'] = (React__default.createElement("svg", { viewBox: "0
     React__default.createElement("path", { d: "M12 9h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1ZM7 7h2v2H7V7Zm0 4h2v2H7v-2Zm0 4h2v2H7v-2ZM20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1Zm-1 16H5V5h14v14Z" })));
 iconMap['ic_publish'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default.createElement("path", { d: "M5 4h14v2H5zm0 10h4v6h6v-6h4l-7-7-7 7zm8-2v6h-2v-6H9.83L12 9.83 14.17 12H13z" })));
+iconMap['ic_release'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "M17.8 9.5H16.3V20H12.4L11.8 21.5H17.8V9.5ZM17 2.5H5.80002V7.5H7.30002V4H15.6L17 2.5ZM18.8 17.5H21.3C22.1 17.5 22.8 16.8 22.8 16V9.5C22.8 9.1 22.6 8.7 22.4 8.4L17.5 3.5L16.7 4.3C16.5 4.5 16.4 4.8 16.4 5.1V5.3L17 8.5H18.8V17.5ZM11.8 13.5H6.60002L7.30002 10.3V10.1C7.30002 9.8 7.20002 9.5 7.00002 9.3L6.20002 8.5L1.30002 13.4C1.00002 13.7 0.900024 14.1 0.900024 14.5V21C0.900024 21.8 1.60002 22.5 2.40002 22.5H9.00002C9.60002 22.5 10.1 22.1 10.4 21.6L12.7 16.3C12.8 16.1 12.8 15.9 12.8 15.8V14.6C12.8 13.9 12.3 13.5 11.8 13.5Z" })));
 iconMap['ic_remove_circle'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M17.016 12.984v-1.969H6.985v1.969h10.031ZM12 2.016c2.75 0 5.102.977 7.055 2.93 1.953 1.953 2.93 4.305 2.93 7.055s-.977 5.102-2.93 7.055c-1.953 1.953-4.305 2.93-7.055 2.93s-5.102-.977-7.055-2.93c-1.953-1.953-2.93-4.305-2.93-7.055s.977-5.102 2.93-7.055C6.898 2.993 9.25 2.016 12 2.016Z" })));
 iconMap['ic_remove_circle_outline'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -417,8 +383,12 @@ iconMap['ic_ta_request_sent'] = (React__default.createElement("svg", { viewBox:
     React__default.createElement("path", { d: "M12 8V6.41c0-.89 1.08-1.34 1.71-.71l5.59 5.59c.39.39.39 1.02 0 1.41l-5.59 5.59c-.63.63-1.71.19-1.71-.7V16H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h7Z" })));
 iconMap['ic_table_columns'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M10 18h5V5h-5v13Zm-6 0h5V5H4v13ZM16 5v13h5V5h-5Z" })));
+iconMap['ic_tax_statement'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "M14.667 2.5h-10c-1.1 0-1.99.9-1.99 2l-.01 16c0 1.1.89 2 1.99 2h14.01c1.1 0 2-.9 2-2v-12l-6-6ZM8.928 15.625h-1.32v4.224H6.145v-4.224H4.82v-1.197h4.108v1.197Zm4.435 4.224h-1.005l-.278-.557h-.03c-.195.243-.394.409-.597.497-.202.09-.464.134-.786.134-.395 0-.707-.119-.934-.356-.227-.238-.341-.57-.341-1.001 0-.447.156-.78.467-1 .312-.218.762-.341 1.353-.368l.701-.023v-.058c0-.347-.17-.52-.511-.52-.307 0-.696.104-1.168.312l-.42-.957c.49-.252 1.108-.378 1.854-.378.54 0 .956.133 1.252.4.295.268.443.64.443 1.12v2.755Zm3.585 0-.708-1.276-.704 1.276h-1.65l1.353-2.144-1.283-2.057h1.647l.637 1.18.653-1.18h1.65l-1.316 2.057 1.368 2.144h-1.647Zm1.719-7.349h-14v-8h9v5h5v3Zm-7.08 5.488.334-.015v.326a.554.554 0 0 1-.188.434.653.653 0 0 1-.45.167c-.274 0-.412-.13-.412-.386 0-.334.239-.509.716-.526Z" })));
 iconMap['ic_tick'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 11" },
     React__default.createElement("path", { d: "M.297 4.934a1.013 1.013 0 0 1 1.344-.078l.088.078L5.254 8.46 12.219.353a1.013 1.013 0 0 1 1.334-.18l.094.072c.394.338.464.914.18 1.334l-.072.094-7.676 8.935a1.013 1.013 0 0 1-1.398.134l-.087-.078L.297 6.367a1.013 1.013 0 0 1 0-1.433Z" })));
+iconMap['ic_tick_and_cross'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default.createElement("path", { d: "M16.54 11 13 7.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L16.54 11ZM11 7H2v2h9V7Zm10 6.41L19.59 12 17 14.59 14.41 12 13 13.41 15.59 16 13 18.59 14.41 20 17 17.41 19.59 20 21 18.59 18.41 16 21 13.41ZM11 15H2v2h9v-2Z" })));
 iconMap['ic_timeline'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M23 8c0 1.1-.9 2-2 2a1.7 1.7 0 0 1-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56A1.7 1.7 0 0 1 19 8c0-1.1.9-2 2-2s2 .9 2 2Z" })));
 iconMap['ic_title_allocation_swap'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -466,7 +436,7 @@ var ICON_SIZES = {
     md: 'LuiIcon--md',
     lg: 'LuiIcon--lg',
     xl: 'LuiIcon--xl',
-    ns: 'LuiIcon--noSize',
+    ns: 'LuiIcon--noSize'
 };
 var ICON_STATUS = {
     none: '',
@@ -474,13 +444,13 @@ var ICON_STATUS = {
     warning: 'LuiIcon--warning',
     success: 'LuiIcon--success',
     interactive: 'LuiIcon--interactive',
-    disabled: 'LuiIcon--disabled',
+    disabled: 'LuiIcon--disabled'
 };
 var LuiIcon = function (_a) {
     var name = _a.name, className = _a.className, _b = _a.size, size = _b === void 0 ? 'ns' : _b, title = _a.title, alt = _a.alt, _c = _a.status, status = _c === void 0 ? 'none' : _c, spanProps = _a.spanProps;
     var iconSVG = ICONS[name];
     if (!iconSVG) {
-        console.warn("<LuiIcon>: No icon found for: " + iconSVG);
+        console.warn("<LuiIcon>: No icon found for: ".concat(iconSVG));
         return null;
     }
     return (React.createElement("span", __assign({ className: clsx('LuiIcon', className, size && ICON_SIZES[size], status && ICON_STATUS[status]), "data-icon": name, title: title, "aria-label": alt }, spanProps), iconSVG));
@@ -499,21 +469,21 @@ function getMaterialIconForLevel(level) {
     }
 }
 var LuiBanner = function (props) {
-    return (React__default.createElement("div", { className: clsx('lui-msg-banner-container', props.className ? props.className + "-bannerContainer" : '') },
+    return (React__default.createElement("div", { className: clsx('lui-msg-banner-container', props.className ? "".concat(props.className, "-bannerContainer") : '') },
         React__default.createElement(LuiBannerContent, { level: props.level, className: props.className }, props.children)));
 };
 var LuiBannerContent = function (props) {
     var materialIcon = getMaterialIconForLevel(props.level);
-    return (React__default.createElement("div", { className: clsx("lui-msg-" + props.level + " lui-msg-dynamic-banner", props.className) },
-        React__default.createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " banner icon", size: "lg", className: "lui-msg-status-icon" }),
+    return (React__default.createElement("div", { className: clsx("lui-msg-".concat(props.level, " lui-msg-dynamic-banner"), props.className) },
+        React__default.createElement(LuiIcon, { name: "ic_".concat(materialIcon), alt: "".concat(props.level, " banner icon"), size: "lg", className: "lui-msg-status-icon" }),
         React__default.createElement("div", null, props.children)));
 };
 
 var LuiStaticMessage = function (props) {
     var _a = useState(true), display = _a[0], setDisplay = _a[1];
     var materialIcon = getMaterialIconForLevel(props.level);
-    return display ? (React__default.createElement("div", { className: clsx("lui-msg-" + props.level, props.className), "data-testid": 'static-message-container' },
-        React__default.createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " static icon", size: "lg", className: "lui-msg-status-icon" }),
+    return display ? (React__default.createElement("div", { className: clsx("lui-msg-".concat(props.level), props.className), "data-testid": 'static-message-container' },
+        React__default.createElement(LuiIcon, { name: "ic_".concat(materialIcon), alt: "".concat(props.level, " static icon"), size: "lg", className: "lui-msg-status-icon" }),
         props.children,
         (props.closable === undefined || props.closable) && (React__default.createElement("button", { "aria-label": "Close dialog", onClick: function () {
                 setDisplay(false);
@@ -522,7 +492,7 @@ var LuiStaticMessage = function (props) {
 };
 
 var PlainButton = React__default.forwardRef(function (props, ref) {
-    return (React__default.createElement("button", __assign({}, props.buttonProps, { type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, className: clsx('lui-button', "lui-button-" + props.level, "lui-button-" + props.size, props.className), "data-testid": props['data-testid'], style: props.style, ref: ref }), props.children));
+    return (React__default.createElement("button", __assign({}, props.buttonProps, { type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, className: clsx('lui-button', "lui-button-".concat(props.level), "lui-button-".concat(props.size), props.className), "data-testid": props['data-testid'], style: props.style, ref: ref }), props.children));
 });
 var LuiButton = React__default.forwardRef(function (props, ref) {
     var _level = props.level ? props.level : 'primary';
@@ -533,8 +503,8 @@ var LuiButton = React__default.forwardRef(function (props, ref) {
             'data-testid': props['data-testid'],
             name: props.name,
             title: props.title,
-            className: clsx('lui-button', "lui-button-" + props.level, "lui-button-" + props.size, props.className),
-            style: props.style,
+            className: clsx('lui-button', "lui-button-".concat(props.level), "lui-button-".concat(props.size), props.className),
+            style: props.style
         };
         if (props.openInNewTab) {
             aProps.target = '_blank';
@@ -591,7 +561,7 @@ var LuiToastMessage = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [display]);
-    return (React__default.createElement("div", { role: "status", "data-testid": className, className: "lui-msg-" + level + " lui-msg-toast lui-msg-toast-dismissable " + className },
+    return (React__default.createElement("div", { role: "status", "data-testid": className, className: "lui-msg-".concat(level, " lui-msg-toast lui-msg-toast-dismissable ").concat(className) },
         React__default.createElement("i", { className: "lui-msg-status-icon material-icons-round" }, materialIcon),
         children,
         React__default.createElement("button", { "aria-label": "Close dialog", type: type || 'button', onClick: function () {
@@ -603,7 +573,7 @@ var LuiToastMessage = function (_a) {
 
 var UIMessagingContext = createContext({
     // @ts-ignore
-    showMessage: function (props) { },
+    showMessage: function (props) { }
 });
 function useShowLUIMessage() {
     return useContext(UIMessagingContext).showMessage;
@@ -710,10 +680,10 @@ var LuiSelectMenu = function (_a) {
 };
 var LuiSelectMenuItem = function (_a) {
     var iconName = _a.iconName, iconAlt = _a.iconAlt, level = _a.level, _b = _a.noPadding, noPadding = _b === void 0 ? false : _b, rest = __rest(_a, ["iconName", "iconAlt", "level", "noPadding"]);
-    return (React__default.createElement(MenuItem, __assign({}, rest, { className: clsx('lui-select-menuItem', "lui-select-menuItem--" + (level ? level : 'primary'), rest.className), "data-testid": rest['data-testid'] }),
+    return (React__default.createElement(MenuItem, __assign({}, rest, { className: clsx('lui-select-menuItem', "lui-select-menuItem--".concat(level ? level : 'primary'), rest.className), "data-testid": rest['data-testid'] }),
         iconName ? (React__default.createElement(LuiIcon, { className: "lui-select-icon", name: iconName, alt: iconAlt ? iconAlt : '', size: "md" })) : (''),
         React__default.createElement("p", { className: clsx('lui-select-menuItemText', {
-                'lui-select-menuItemText--noPadding': noPadding,
+                'lui-select-menuItemText--noPadding': noPadding
             }) }, rest.children)));
 };
 var LuiSelectSubMenuItem = function (_a) {
@@ -860,7 +830,7 @@ var LuiFilterMenu = function (props) {
 
 var LuiTabsContext = React__default.createContext({
     activePanel: null,
-    setActivePanel: function () { },
+    setActivePanel: function () { }
 });
 var LuiTabs = function (props) {
     var _a = useState(props.defaultPanel), activePanel = _a[0], setActivePanel = _a[1];
@@ -869,12 +839,12 @@ var LuiTabs = function (props) {
 };
 
 var LuiTab = function (props) {
-    return (React__default.createElement("button", { className: clsx('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", "aria-selected": props.active, "aria-controls": "" + props.ariaControls, onClick: props.onClick }, props.children));
+    return (React__default.createElement("button", { className: clsx('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", "aria-selected": props.active, "aria-controls": "".concat(props.ariaControls), title: props.titleAttribute, onClick: props.onClick }, props.children));
 };
 
 // import './LuiTabsGroup.scss';
 var LuiTabsGroup = function (props) {
-    return (React__default.createElement("div", { className: "LuiTabsGroup " + (props.justify ? 'LuiTabsGroup--justified' : ''), role: "tablist", "aria-label": props.ariaLabel }, props.children));
+    return (React__default.createElement("div", { className: "LuiTabsGroup ".concat(props.justify ? 'LuiTabsGroup--justified' : ''), role: "tablist", "aria-label": props.ariaLabel }, props.children));
 };
 
 var LuiTabsPanel = function (_a) {
@@ -887,13 +857,13 @@ var LuiTabsPanel = function (_a) {
             setShouldShow(true);
         }
     }, [active, shouldShow]);
-    return (React__default.createElement("div", { className: clsx('LuiTabsPanel', active && 'LuiTabsPanel--active'), id: panel + "-tab-panel", role: "tabpanel", "aria-labelledby": panel + "-tab" }, shouldShow ? children : null));
+    return (React__default.createElement("div", { className: clsx('LuiTabsPanel', active && 'LuiTabsPanel--active'), id: "".concat(panel, "-tab-panel"), role: "tabpanel", "aria-labelledby": "".concat(panel, "-tab") }, shouldShow ? children : null));
 };
 
 var LuiTabsPanelSwitch = function (props) {
     var context = useContext(LuiTabsContext);
     var active = context.activePanel === props.targetPanel;
-    return (React__default.createElement(LuiTab, { id: props.targetPanel + "-tab", ariaControls: props.targetPanel + "-tab-panel", active: active, onClick: function () {
+    return (React__default.createElement(LuiTab, { id: "".concat(props.targetPanel, "-tab"), ariaControls: "".concat(props.targetPanel, "-tab-panel"), active: active, onClick: function () {
             if (context.setActivePanel)
                 context.setActivePanel(props.targetPanel);
         } }, props.children));
@@ -902,7 +872,7 @@ var LuiTabsPanelSwitch = function (props) {
 function useDeprecatedWarning(componentName) {
     useEffect(function () {
         if (window.location.hostname.includes('localhost')) {
-            console.warn(componentName + " will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs.");
+            console.warn("".concat(componentName, " will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs."));
         }
     }, []);
 }
@@ -912,7 +882,9 @@ function LuiFormikForm(props) {
     // this spreads all keys, except className
     var _a = __assign({}, props); _a.className; var formikProps = __rest(_a, ["className"]);
     var classNames = clsx(props.className);
-    return (React__default.createElement(Formik, __assign({}, formikProps),
+    return (
+    // @ts-ignore not fixing due this component being deprecated
+    React__default.createElement(Formik, __assign({}, formikProps),
         React__default.createElement("div", { className: classNames },
             React__default.createElement(Form, null,
                 props.children,
@@ -924,9 +896,9 @@ styleInject(css_248z$5);
 
 var LuiError = function (_a) {
     var error = _a.error, className = _a.className;
-    return (React__default.createElement("div", { className: "LuiError " + className + "-error" },
-        React__default.createElement(LuiIcon, { className: "LuiError-errorIcon " + className + "-errorIcon", alt: 'Error', name: "ic_error", size: "md", status: "error" }),
-        error && (React__default.createElement("span", { className: "LuiError-errorText " + className + "-errorText" }, error))));
+    return (React__default.createElement("div", { className: "LuiError ".concat(className, "-error") },
+        React__default.createElement(LuiIcon, { className: "LuiError-errorIcon ".concat(className, "-errorIcon"), alt: 'Error', name: "ic_error", size: "md", status: "error" }),
+        error && (React__default.createElement("span", { className: "LuiError-errorText ".concat(className, "-errorText") }, error))));
 };
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
@@ -1030,14 +1002,14 @@ var LuiCheckboxInput = function (props) {
     return (React__default.createElement("div", { className: clsx('LuiCheckboxInput', {
             'LuiCheckboxInput--isChecked': props.isChecked,
             'LuiCheckboxInput--hasError': !!props.error,
-            'LuiCheckboxInput--isDisabled': !!props.isDisabled,
+            'LuiCheckboxInput--isDisabled': !!props.isDisabled
         }, props.className) },
         React__default.createElement("label", { htmlFor: id, className: "LuiCheckboxInput-group" },
             props.mandatory && (React__default.createElement("span", { "aria-label": "Required", className: "LuiCheckboxInput-mandatory" }, "*")),
             React__default.createElement("input", __assign({ className: clsx('LuiCheckboxInput-input'), id: id, type: "checkbox", value: props.value, onChange: props.onChange, checked: props.isChecked, disabled: props.isDisabled }, props.inputProps)),
             React__default.createElement("span", { className: "LuiCheckboxInput-label" },
                 props.label,
-                React__default.createElement(LuiIcon, { name: props.isIndeterminate ? 'ic_zoom_out' : 'ic_check', size: "md", alt: props.isIndeterminate ? 'Indeterminate Check' : 'Check', className: "LuiCheckboxInput-labelCheck" }))),
+                React__default.createElement(LuiIcon, { name: props.isIndeterminate ? 'ic_zoom_out' : 'ic_check', size: "md", alt: props.isIndeterminate ? 'Indeterminate Check' : 'Check', className: "LuiCheckboxInput-labelCheck", title: props.titleAttribute }))),
         props.error && (React__default.createElement(LuiError, { className: "LuiCheckboxInput", error: props.error }))));
 };
 
@@ -1068,7 +1040,7 @@ var LuiFileInputBox = function (props) {
     var hasError = hasFileFormatError || props.showMustSelectFileError === true;
     return (React__default.createElement("div", { className: clsx('LuiFileInputBox-upload', hasError && 'LuiFileInputBox-upload-error'), style: { width: props.width || 320, height: props.height || 320 } },
         React__default.createElement("input", { role: "button", "aria-label": "File Upload", type: "file", className: "LuiFileInputBox-upload-input", accept: props.acceptedExtensions
-                .map(function (extension) { return "." + extension; })
+                .map(function (extension) { return ".".concat(extension); })
                 .join(','), onChange: onChange }),
         React__default.createElement(React__default.Fragment, null, hasError ? (React__default.createElement("div", { className: "LuiFileInputBox-upload-container" },
             React__default.createElement(React__default.Fragment, null,
@@ -1125,7 +1097,7 @@ var extensionsAsHumanReadableList = function (extensions) {
         return '';
     if (extensions.length === 1)
         return uppercaseExtensions[0];
-    return uppercaseExtensions.slice(0, -1).join(', ') + " or " + uppercaseExtensions[extensions.length - 1];
+    return "".concat(uppercaseExtensions.slice(0, -1).join(', '), " or ").concat(uppercaseExtensions[extensions.length - 1]);
 };
 
 var LuiSelectInput = function (props) {
@@ -1166,17 +1138,17 @@ var LuiRadioInput = function (props) {
     var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: clsx('LuiRadioInput', {
-                'LuiRadioInput--hasError': props.error,
+                'LuiRadioInput--hasError': props.error
             }) },
             React__default.createElement("fieldset", { className: 'LuiRadioInput-fieldset' },
                 props.legend && (React__default.createElement("legend", { className: "LuiRadioInput-legend" }, props.legend)),
                 props.options.map(function (option, index) {
-                    var radioId = id + "-" + index;
+                    var radioId = "".concat(id, "-").concat(index);
                     var isSelected = props.selectedValue === option;
                     var isDisabled = props.isOptionDisabled && props.isOptionDisabled(index);
                     return (React__default.createElement("label", { htmlFor: radioId, className: clsx('LuiRadioInput-label', {
                             'LuiRadioInput-label--isDisabled': isDisabled,
-                            'LuiRadioInput-label--isSelected': isSelected,
+                            'LuiRadioInput-label--isSelected': isSelected
                         }), key: radioId },
                         React__default.createElement("input", __assign({ disabled: isDisabled, className: "LuiRadioInput-input", type: "radio", id: radioId, name: option, value: option, checked: isSelected, onChange: props.onChange }, props.inputProps)),
                         props.renderLabelFor ? props.renderLabelFor(option) : option));
@@ -1204,7 +1176,7 @@ function LuiFormikCheckbox(props) {
 
 var LuiFormikFormLabel = function (props) {
     useDeprecatedWarning('LuiFormikFormLabel');
-    return (React__default.createElement("div", { className: clsx('LuiFormLabel-wrapper', props.className && "" + props.className) },
+    return (React__default.createElement("div", { className: clsx('LuiFormLabel-wrapper', props.className && "".concat(props.className)) },
         props.children,
         React__default.createElement("label", { className: "LuiFormLabel", htmlFor: props["for"] },
             props.required && React__default.createElement("span", { className: "lui-required-input-icon" }, "*"),
@@ -1225,7 +1197,7 @@ var LuiFormikTextInput = connect(function (props) {
                 if (props.onValueChange) {
                     props.onValueChange({
                         value: event.target.value,
-                        formik: props.formik,
+                        formik: props.formik
                     });
                 }
             } }))) : (React__default.createElement("textarea", __assign({ id: props.name, "data-testid": props.name }, field, { rows: 1 }, props.inputProps, { onChange: function (event) {
@@ -1234,12 +1206,12 @@ var LuiFormikTextInput = connect(function (props) {
                 if (props.onValueChange) {
                     props.onValueChange({
                         value: event.target.value,
-                        formik: props.formik,
+                        formik: props.formik
                     });
                 }
             } })));
     };
-    return (React__default.createElement("div", { className: clsx(props.className && "" + props.className) },
+    return (React__default.createElement("div", { className: clsx(props.className && "".concat(props.className)) },
         props.label && (React__default.createElement(LuiFormikFormLabel, { required: props.required, label: props.label, "for": props.name, tooltip: props.tooltip })),
         props.helperInfo,
         React__default.createElement(Field, { name: props.name, validate: props.validate }, function (_a) {
@@ -1448,7 +1420,7 @@ var LuiBearingInput = function (props) {
             remainder += '0';
         }
         var minutes = parseInt(remainder.substr(0, 2));
-        var seconds = parseFloat(remainder.substr(2, 2) + "." + (remainder.length > 4 ? remainder.substr(4, 2) : '0'));
+        var seconds = parseFloat("".concat(remainder.substr(2, 2), ".").concat(remainder.length > 4 ? remainder.substr(4, 2) : '0'));
         return { sign: sign, degrees: degrees, minutes: minutes, seconds: seconds };
     };
     var validateBearing = function (bearing) {
@@ -1466,13 +1438,13 @@ var LuiBearingInput = function (props) {
     var formatBearing = function (decimalIsh) {
         var _a = parseBearing(decimalIsh), sign = _a.sign, degrees = _a.degrees, minutes = _a.minutes, seconds = _a.seconds;
         var displaySign = degrees === 0 && minutes === 0 && seconds === 0 ? '' : sign;
-        return displaySign + " " + degrees + "\u00B0 " + padToTwo(minutes) + "' " + padToTwo(seconds) + "\"";
+        return "".concat(displaySign, " ").concat(degrees, "\u00B0 ").concat(padToTwo(minutes), "' ").concat(padToTwo(seconds), "\"");
     };
     var onChange = function (event) {
         var newValue = event.target.value;
         if (newValue === '' ||
             newValue === '-' ||
-            newValue.match(RegExp("^-?[0-9]+(\\.[0-9]{0," + maxAfterDP + "})?$"))) {
+            newValue.match(RegExp("^-?[0-9]+(\\.[0-9]{0,".concat(maxAfterDP, "})?$")))) {
             props.onChange && props.onChange(event);
         }
         else {
@@ -25022,7 +24994,7 @@ var LuiLottieLight = function (_a) {
                 container: element.current,
                 rendererSettings: rendererSettings,
                 autoplay: autoplay,
-                loop: loop,
+                loop: loop
             });
         }
         return function () {
@@ -25037,7 +25009,7 @@ var LuiLottieLight = function (_a) {
 var autoplay = !isChromatic();
 var style = { height: 148, width: 148 };
 var renderSettings = {
-    preserveAspectRatio: 'xMidYMid slice',
+    preserveAspectRatio: 'xMidYMid slice'
 };
 var LuiLoadingSpinnerBase = function (props) {
     return (React__default.createElement("div", { style: {
@@ -25046,7 +25018,7 @@ var LuiLoadingSpinnerBase = function (props) {
             left: '50%',
             zIndex: 1000,
             marginLeft: '-74px',
-            marginTop: '-74px',
+            marginTop: '-74px'
         }, "data-testid": "loading-spinner" },
         React__default.createElement(LuiLottieLight, { animationData: props.animationData, loop: true, autoplay: autoplay, rendererSettings: renderSettings, style: style })));
 };
@@ -25061,17 +25033,17 @@ var LuiStatusSpinner = function (props) {
                 top: '50%',
                 left: '50%',
                 marginLeft: '-150px',
-                marginTop: '74px',
+                marginTop: '74px'
             } },
             React__default.createElement("div", { style: {
                     textAlign: 'center',
-                    width: '300px',
+                    width: '300px'
                 } }, props.children))));
 };
 var LuiMiniSpinner = function (props) {
     return (React__default.createElement("div", __assign({}, props.divProps),
         React__default.createElement(LuiLottieLight, { animationData: loaderData, loop: true, autoplay: autoplay, rendererSettings: {
-                preserveAspectRatio: 'xMidYMid slice',
+                preserveAspectRatio: 'xMidYMid slice'
             }, style: { height: props.size, width: props.size } })));
 };
 var LuiLoadingSpinner = function () {
@@ -25085,7 +25057,8 @@ var LuiLoadingSpinnerChristmas = function () {
 };
 // this function was extracted from chromatic/isChromatic. It was causing TS issues for the consumer
 function isChromatic() {
-    return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) || (window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
+    return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) ||
+        (window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
 }
 
 var css_248z$4 = ":export {\n  charcoal: #2a292c;\n  fuscous: #6b6966;\n  gray: #989189;\n  silver: #beb9b4;\n  lily: #eaeaea;\n  hint: #f9f9f9;\n  snow: #ffffff;\n  white: #ffffff;\n  teal: #00425d;\n  sea: #007198;\n  electric: #0096cc;\n  spray: #73c8e1;\n  polar: #e2f3f7;\n  sherpa: #004b50;\n  surfie: #017a76;\n  persian: #00a599;\n  downy: #73cdc8;\n  iceberg: #dcf5f0;\n  sacramento: #004e32;\n  salem: #08814d;\n  pigment: #0aa245;\n  granny: #9bd79b;\n  panache: #e9fae7;\n  brand-primary: #004b50;\n  brand-secondary: #017a76;\n  error: #cc0000;\n  error-bg: #f5cccc;\n  error-focus: #5a0000;\n  warning: #ea6a2e;\n  warning-bg: #fbdfd2;\n  warning-focus: #b33a01;\n  success: #0aa245;\n  success-bg: #e9fae7;\n  info: #3a7cdf;\n  info-bg: #d8e5f9;\n  visited: #00425d;\n  green-hover: #107c3a;\n  green-active: #094a22;\n  green-btn: #0aa245;\n  txt-link: #0096cc;\n  primary-hover-btn: #005678;\n  selection: #c7e9f3;\n  heading-color: #017a76;\n  heading-color--secondary: #2a292c;\n  base-type-color: #2a292c;\n  input-text: #2a292c;\n  input-placeholder: #6b6966;\n  input-placeholder-when-disabled: #989189;\n  base-icon-color: #007198;\n  disabled-color: #989189;\n  disabled-color-dark: #6b6966;\n  linz-color-primary: #023d48;\n  linz-color-primary-hover: #01818a;\n  linz-color-tertiary: #e1e44a;\n  linz-color-tertiary-hover: #cdcf59;\n  color-test-pink: #f09;\n  linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n  linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}";
@@ -25203,8 +25176,8 @@ var LuiLoadingIndicator = function () { return React__default.createElement(LuiM
 function LuiComboSelectActual(givenProps, ref) {
     var props = Object.assign({
         noOptionsMessage: function (i) {
-            return "No options found containing '" + i.inputValue + "'";
-        },
+            return "No options found containing '".concat(i.inputValue, "'");
+        }
     }, givenProps);
     props.components = __assign({ LoadingIndicator: LuiLoadingIndicator }, props.components);
     // box-shadow: "-8px 0px 0 0 #cc0000";
@@ -25214,12 +25187,12 @@ function LuiComboSelectActual(givenProps, ref) {
             control: function (provided, state) { return (__assign(__assign({}, provided), { 
                 /* matches style of .LuiTextInput-input */
                 boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
-                    borderColor: '#053d52',
+                    borderColor: '#053d52'
                 } })); },
             dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$4['fuscous'] })); },
             indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
             input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
-                    height: '38px !important',
+                    height: '38px !important'
                 } })); },
             singleValue: function (provided) { return (__assign(__assign({}, provided), { color: '#414042', fontWeight: 400 })); },
             placeholder: function (provided) { return (__assign(__assign({}, provided), { 
@@ -25228,7 +25201,7 @@ function LuiComboSelectActual(givenProps, ref) {
             option: function (provided, _a) {
                 var isSelected = _a.isSelected;
                 return (__assign(__assign({}, provided), { color: css_248z$4['input-text'], backgroundColor: isSelected ? css_248z$4['selection'] : css_248z$4['white'] }));
-            },
+            }
         } });
     return (React__default.createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
         React__default.createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
@@ -25318,7 +25291,7 @@ var buildHideClassDict = function (_a) {
         'lui-hide-sm': inRange('sm'),
         'lui-hide-md': inRange('md'),
         'lui-hide-lg': inRange('lg'),
-        'lui-hide-xl': inRange('xl'),
+        'lui-hide-xl': inRange('xl')
     };
 };
 
@@ -25338,7 +25311,7 @@ var LuiHeader = function (_a) {
             'lui-header': true,
             'lui-header-transparent': transparent,
             'lui-header-small': size === 'small',
-            'lui-header-sticky': sticky,
+            'lui-header-sticky': sticky
         }) },
         React__default.createElement("div", { className: "lui-header-row" },
             React__default.createElement("div", { className: "lui-header-col" },
@@ -25358,7 +25331,7 @@ var LuiHeaderMenuItem = forwardRef(function (_a, ref) {
     var resolvedIcon = !icon && !label ? 'menu' : icon;
     return (React__default.createElement("div", { className: menuItemClasses, ref: ref },
         React__default.createElement("div", { className: clsx('lui-header-menu-icon', onClick && 'clickable'), onClick: onClick, "data-testid": dataTestId },
-            resolvedIcon && (React__default.createElement("i", { className: "material-icons-round md-36" }, resolvedIcon)),
+            resolvedIcon && (React__default.createElement("i", { title: "Main menu", className: "material-icons-round md-36" }, resolvedIcon)),
             label && React__default.createElement("div", { className: "lui-menu-label" }, label),
             badge && React__default.createElement("div", { className: "badge" }, badge)),
         children));
@@ -25366,7 +25339,7 @@ var LuiHeaderMenuItem = forwardRef(function (_a, ref) {
 var LuiCloseableHeaderMenuContext = createContext({
     isOpen: function () { return false; },
     open: function () { },
-    close: function () { },
+    close: function () { }
 });
 var LuiCloseableHeaderMenuItem = function (_a) {
     var open = _a.open, setOpen = _a.setOpen, props = __rest(_a, ["open", "setOpen"]);
@@ -25380,7 +25353,7 @@ var LuiCloseableHeaderMenuItem = function (_a) {
     var menuControls = {
         isOpen: function () { return open; },
         open: function () { return setOpen(true); },
-        close: function () { return setOpen(false); },
+        close: function () { return setOpen(false); }
     };
     var menuItemProps = __assign({ onClick: function () { return menuControls.open(); } }, props);
     return (React__default.createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
@@ -25413,8 +25386,7 @@ var LuiDrawerMenu = function (_a) {
     var restOfProps = __rest(_a, []);
     var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest(restOfProps, ["children", "hasStickyHeader"]);
     var _c = useState(false), open = _c[0], setOpen = _c[1];
-    var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open,
-        setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
+    var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
     useEffect(function () {
         // Support for non-sticky headers. Scroll back to top when menu is opened
         if (open && !hasStickyHeader) {
@@ -25431,7 +25403,7 @@ var LuiDrawerMenu = function (_a) {
     return (React__default.createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
         React__default.createElement("div", { className: clsx({
                 'lui-menu-drawer': true,
-                'lui-menu-drawer-closed': !open,
+                'lui-menu-drawer-closed': !open
             }), "data-testid": 'drawer', "aria-hidden": !open }, children)));
 };
 var LuiDropdownMenu = function (_a) {
@@ -25442,7 +25414,7 @@ var LuiDropdownMenu = function (_a) {
     return (React__default.createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
         React__default.createElement("div", { className: clsx({
                 'lui-menu-dropdown lui-box-shadow': true,
-                'lui-menu-dropdown-closed': !open,
+                'lui-menu-dropdown-closed': !open
             }), "data-testid": 'dropdown', "aria-hidden": !open },
             children,
             ' ')));
@@ -27805,8 +27777,8 @@ function polyfill(Component) {
 }
 
 var reactLifecyclesCompat_es = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	polyfill: polyfill
+    __proto__: null,
+    polyfill: polyfill
 });
 
 var require$$6 = /*@__PURE__*/getAugmentedNamespace(reactLifecyclesCompat_es);
@@ -28165,7 +28137,7 @@ var LuiModal = function (props) {
         }
     }
     return (React__default.createElement(Modal, __assign({ key: props.key, isOpen: true, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onRequestClose: props.onClose, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', ariaHideApp: !isTest }, (props.appendToElement && {
-        parentSelector: props.appendToElement,
+        parentSelector: props.appendToElement
     })),
         React__default.createElement("div", { ref: node, className: clsx('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
             props.headingText && (React__default.createElement(LuiModalHeader, { headingText: props.headingText, onClose: props.onClose })),
@@ -28173,8 +28145,8 @@ var LuiModal = function (props) {
 };
 var LuiAlertModal = function (props) {
     var materialIcon = getMaterialIconForLevel(props.level);
-    return (React__default.createElement(LuiModal, { key: props.key, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onClose: props.onClose, className: clsx("lui-modal-" + props.level, props.className), appendToElement: props.appendToElement },
-        React__default.createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " status icon", size: "lg", className: "lui-msg-status-icon" }),
+    return (React__default.createElement(LuiModal, { key: props.key, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onClose: props.onClose, className: clsx("lui-modal-".concat(props.level), props.className), appendToElement: props.appendToElement },
+        React__default.createElement(LuiIcon, { name: "ic_".concat(materialIcon), alt: "".concat(props.level, " status icon"), size: "lg", className: "lui-msg-status-icon" }),
         props.children));
 };
 var LuiAlertModalButtons = function (props) {
@@ -28364,7 +28336,7 @@ var LuiSearchInput = function (props) {
     function moveUp() {
         var items = flatten(results);
         var takeNext = false;
-        for (var _i = 0, _a = __spreadArrays(items).reverse(); _i < _a.length; _i++) {
+        for (var _i = 0, _a = __spreadArray([], items, true).reverse(); _i < _a.length; _i++) {
             var item = _a[_i];
             if (item.id === selectedId) {
                 takeNext = true;
@@ -28444,7 +28416,7 @@ var LuiSearchInput = function (props) {
             onClick: function () {
                 setInputValue('');
                 setResults([]);
-            },
+            }
         } })) : null;
     var searchIcon = (React__default.createElement(LuiIcon, { className: 'LuiSearchInput-startIconPosition', name: "ic_search", size: "md", alt: "search", spanProps: { onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } } }));
     var typeMore = 'You need to type a few more characters';
@@ -28462,7 +28434,7 @@ var LuiSearchInput = function (props) {
             return typeMore;
         }
         if (props.name)
-            return "The " + props.name + " could not be displayed or does not exist.";
+            return "The ".concat(props.name, " could not be displayed or does not exist.");
         else
             return null;
     }
@@ -28548,17 +28520,17 @@ var renderSelectMenu = function (items, onClick) { return (React__default.create
     return (React__default.createElement(React__default.Fragment, { key: item.value },
         item.groupDivider ? React__default.createElement(LuiSelectMenuDivider, null) : null,
         item.groupTitle ? (React__default.createElement(LuiSelectMenuHeader, null, item.groupTitle)) : null,
-        React__default.createElement(LuiSelectMenuItem, { "data-testid": "select-box-" + item.value, value: item.value, onClick: onClick, noPadding: true }, item.title)));
+        React__default.createElement(LuiSelectMenuItem, { "data-testid": "select-box-".concat(item.value), value: item.value, onClick: onClick, noPadding: true }, item.title)));
 }))); };
 
 var exampleSearchResults = [
     {
         id: 'DP44035-1',
-        description: 'This is a example Newlands search result',
+        description: 'This is a example Newlands search result'
     },
     {
         id: 'DP44035-2',
-        description: 'This is a example Newlands search result 2',
+        description: 'This is a example Newlands search result 2'
     },
 ];
 var getDefaultOptions = function (input) {
@@ -28591,28 +28563,28 @@ var searchBoxOptions = [
         disclaimer: 'This is a default disclaimer, add your own search options',
         getOption: getDefaultOptions,
         onSelectOption: defaultSelectOption,
-        renderItem: defaultRenderItem,
+        renderItem: defaultRenderItem
     },
     {
         value: 'titleReference',
         title: 'Title Reference',
         placeholderText: 'Enter a title reference e.g. TN117/154',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         value: 'ownerName',
         title: 'Registered Owner',
         placeholderText: 'Enter owners name',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         value: 'lgdId',
         title: 'Legal Description',
         placeholderText: 'Example: Lot 2 DP 1234',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         value: 'parcelId',
@@ -28620,7 +28592,7 @@ var searchBoxOptions = [
         placeholderText: 'Enter a parcel id e.g 93851642',
         disclaimer: 'testdd2',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         groupTitle: 'Survey',
@@ -28629,7 +28601,7 @@ var searchBoxOptions = [
         title: 'Survey number',
         placeholderText: 'Enter a survey number, e.g. DP 44035',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         groupTitle: 'Instrument',
@@ -28638,7 +28610,7 @@ var searchBoxOptions = [
         title: 'Instrument Number',
         placeholderText: 'Example: 7723502.2',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
 ];
 var getDefaultSearchMenuOptions = function () {
@@ -28683,7 +28655,7 @@ var LOLUserContext = React__default.createContext({
         console.error('Called changeFirm before UserContext loaded', firmId);
     },
     isInternal: function () { return false; },
-    hasAnyPrivilege: function () { return false; },
+    hasAnyPrivilege: function () { return false; }
 });
 function LOLUserContextProvider(props) {
     var _a = useGetUserInfo(), isLoading = _a.isLoading, data = _a.data, isError = _a.isError;
@@ -28764,7 +28736,7 @@ function LOLUserContextProvider(props) {
                 selectedFirm: selectedFirm,
                 changeFirm: changeFirm,
                 isInternal: isInternal,
-                hasAnyPrivilege: hasAnyPrivilege,
+                hasAnyPrivilege: hasAnyPrivilege
             } }, props.children));
     }
     else {
@@ -28793,8 +28765,8 @@ function useGetUserInfo() {
     }); });
 }
 function reAuthUser() {
-    var redirectPath = "" + window.location.pathname + window.location.search + window.location.hash;
-    window.location.assign("/auth/login?redirectPath=" + encodeURIComponent(redirectPath));
+    var redirectPath = "".concat(window.location.pathname).concat(window.location.search).concat(window.location.hash);
+    window.location.assign("/auth/login?redirectPath=".concat(encodeURIComponent(redirectPath)));
 }
 function checkForStandardErrors(res) {
     return __awaiter(this, void 0, void 0, function () {
@@ -28851,7 +28823,7 @@ var LuiFilterContainer = function (props) {
     return (React__default.createElement("div", null,
         showFilter && (React__default.createElement("div", { className: 'LuiFilterContainer-filter-container LuiDeprecatedForms' },
             isFilterClearable && (React__default.createElement(ClearableLuiTextInput, { label: 'Filter', inputProps: {
-                    placeholder: 'Type to filter',
+                    placeholder: 'Type to filter'
                 }, hideLabel: true, onValueChange: function (value) { return setFilter(value); } })),
             !isFilterClearable && (React__default.createElement("input", { type: "text", placeholder: "Type to filter", value: filter, onChange: function (e) { return setFilter(e.target.value); } })))),
         renderFunction(filterFunction(filter))));
@@ -28864,7 +28836,7 @@ var LOLGlobalClientRefContext = React__default.createContext({
     clientRef: '',
     changeClientRef: function () {
         // no-op
-    },
+    }
 });
 var LOLGlobalClientRefContextProvider = function (props) {
     var useUserIdAsClientReference = props.useUserIdAsClientReference;
@@ -28909,7 +28881,7 @@ var LOLGlobalClientRefContextProvider = function (props) {
     ]);
     return (React__default.createElement(LOLGlobalClientRefContext.Provider, { value: {
             clientRef: clientRef,
-            changeClientRef: changeClientRef,
+            changeClientRef: changeClientRef
         } }, props.children));
 };
 var GLOBAL_CLIENT_REFERENCE_KEY = 'globalClientReference';
@@ -28962,7 +28934,7 @@ var LOLFirmSwitcherMenuContent = function (_a) {
 };
 var FirmOption = function (_a) {
     var _b = _a.value, id = _b.id, name = _b.name, onSelect = _a.onSelect, selected = _a.selected, disabled = _a.disabled;
-    return (React__default.createElement("div", { className: 'LOLFirmSwitcherMenu-option', onClick: function () { return onSelect(id); }, "aria-disabled": disabled, "data-testid": "firm-" + id },
+    return (React__default.createElement("div", { className: 'LOLFirmSwitcherMenu-option', onClick: function () { return onSelect(id); }, "aria-disabled": disabled, "data-testid": "firm-".concat(id) },
         React__default.createElement("span", null, name),
         selected && React__default.createElement("i", { className: "material-icons-round" }, "check_circle")));
 };
@@ -29022,13 +28994,13 @@ var LOLLogoutLink = function (props) {
                 case 3:
                     res = _b.sent();
                     if (res.status === 200) {
-                        window.location.assign("/auth/login?redirectPath=" + redirectPathString);
+                        window.location.assign("/auth/login?redirectPath=".concat(redirectPathString));
                     }
                     return [2 /*return*/];
             }
         });
     }); };
-    return React__default.createElement(LuiDrawerMenuOption, { label: "Logout " + user.id, onClick: logout });
+    return React__default.createElement(LuiDrawerMenuOption, { label: "Logout ".concat(user.id), onClick: logout });
 };
 
 var LOLUserLastLogin = function () {
@@ -29119,7 +29091,7 @@ function createLink(pathname, label, target, activeIcon, icon, anyPrivileges) {
         activeIcon: activeIcon,
         active: pathname.startsWith(target),
         anyPrivileges: anyPrivileges,
-        openExternally: true,
+        openExternally: true
     };
 }
 var SEARCH_LABEL = 'Search';
@@ -29223,7 +29195,7 @@ var LOLCommonDrawerMenuAfterLinks = function (props) {
     };
     return (React__default.createElement(React__default.Fragment, null,
         !isInternal() && (React__default.createElement(LuiDrawerMenuOption, { label: "Change password", onClick: function () {
-                gotoLink("/manage/my-preferences?redirectPath=" + encodeURIComponent(path));
+                gotoLink("/manage/my-preferences?redirectPath=".concat(encodeURIComponent(path)));
             } })),
         React__default.createElement(LOLLogoutLink, { redirectPath: function () { return contextPath; } })));
 };
@@ -32769,19 +32741,19 @@ var id = 0;
 var getKey = function () { return id++; };
 var LuiTooltip = function (props) {
     var children = props.children, message = props.message, placement = props.placement, trigger = props.trigger, _a = props.animation, animation = _a === void 0 ? true : _a;
-    var id = "LuiToolTip_" + useMemo(getKey, []);
+    var id = "LuiToolTip_".concat(useMemo(getKey, []));
     if (typeof message !== 'string') {
         throw new Error('LuiTooltip message must be a string!');
     }
     useEffect(function () {
-        tippy("#" + id, {
+        tippy("#".concat(id), {
             content: message,
             arrow: true,
             trigger: trigger,
             theme: 'LUI',
             placement: placement,
             offset: [0, 24],
-            animation: animation,
+            animation: animation
         });
         return function () {
             var _a, _b;
@@ -32846,7 +32818,7 @@ var LuiSidePanelContainer = function (props) {
             transition: 'width 0.2s ease',
             boxShadow: '-0.1em 0 0.4em rgba(0, 0, 0, 0.2)',
             padding: 0,
-            zIndex: 3,
+            zIndex: 3
         } },
         children && (React__default.createElement("button", { type: "button", "data-testid": "close", onClick: onClose, style: {
                 color: '#5e5e61',
@@ -32857,7 +32829,7 @@ var LuiSidePanelContainer = function (props) {
                 border: 'none',
                 display: 'flex',
                 cursor: 'pointer',
-                borderBottomLeftRadius: '5px',
+                borderBottomLeftRadius: '5px'
             } },
             React__default.createElement(LuiIcon, { alt: "Close", name: "ic_clear", size: "lg", status: "interactive" }))),
         children));
@@ -40442,7 +40414,7 @@ var LuiAccordicard = function (props) {
     var _a = props.defaultToOpen, defaultToOpen = _a === void 0 ? false : _a, children = props.children, headerContent = props.headerContent;
     var _b = useState(defaultToOpen), isOpen = _b[0], setIsOpen = _b[1];
     var AccordicardContent = function () {
-        return (React__default.createElement(motion.div, { key: "content", initial: ['collapsed'], animate: "open", exit: "collapsed", variants: {
+        return (React__default.createElement(motion.div, { className: "LuiAccordicard-contentWrapper", key: "content", initial: ['collapsed'], animate: "open", exit: "collapsed", variants: {
                 open: {
                     opacity: 1,
                     height: 'auto',
@@ -40450,14 +40422,14 @@ var LuiAccordicard = function (props) {
                         opacity: {
                             delay: 0.1,
                             duration: 0.6,
-                            ease: [0.04, 0.62, 0.23, 0.98],
+                            ease: [0.04, 0.62, 0.23, 0.98]
                         },
                         height: {
                             delay: 0,
                             duration: 0.2,
-                            ease: [0.04, 0.62, 0.23, 0.98],
-                        },
-                    },
+                            ease: [0.04, 0.62, 0.23, 0.98]
+                        }
+                    }
                 },
                 collapsed: {
                     opacity: 0,
@@ -40466,19 +40438,21 @@ var LuiAccordicard = function (props) {
                         opacity: {
                             delay: 0,
                             duration: 0.2,
-                            ease: [0.04, 0.62, 0.23, 0.98],
+                            ease: [0.04, 0.62, 0.23, 0.98]
                         },
                         height: {
                             delay: 0.1,
                             duration: 0.2,
-                            ease: [0.04, 0.62, 0.23, 0.98],
-                        },
-                    },
-                },
+                            ease: [0.04, 0.62, 0.23, 0.98]
+                        }
+                    }
+                }
             } },
             React__default.createElement("div", { className: clsx('LuiAccordicard-content', isOpen ? 'LuiAccordicard-content--isOpen' : null) }, isOpen ? children : React__default.createElement(React__default.Fragment, null))));
     };
-    return (React__default.createElement(motion.div, { initial: false, className: clsx('LuiAccordicard', props.className, isOpen ? 'LuiAccordicard--isOpen' : null) },
+    return (React__default.createElement(motion.div, { initial: false, className: clsx('LuiAccordicard', props.className, isOpen ? 'LuiAccordicard--isOpen' : null, props.warning ? 'LuiAccordicard--warning' : null) },
+        props.warning && (React__default.createElement("div", { className: "LuiAccordicard-sideBar" },
+            React__default.createElement(LuiIcon, { className: "LuiAccordicard-warningIcon", alt: "Accordicard warning", name: 'ic_warning', size: 'md' }))),
         React__default.createElement(motion.header, { layout: true, initial: false, className: "LuiAccordicard-header" },
             React__default.createElement("div", { className: "LuiAccordicard-headerContent" }, headerContent)),
         React__default.createElement(AnimatePresence, { initial: false }, isOpen && React__default.createElement(AccordicardContent, null)),
@@ -40489,13 +40463,15 @@ var LuiAccordicard = function (props) {
 var LuiAccordicardStatic = function (props) {
     var _a = props.defaultToOpen, defaultToOpen = _a === void 0 ? false : _a, children = props.children, headerContent = props.headerContent;
     var _b = useState(defaultToOpen), isOpen = _b[0], setIsOpen = _b[1];
-    return (React__default.createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null, props.className) },
+    return (React__default.createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null, props.warning ? 'LuiAccordicardStatic--warning' : null, props.className) },
+        props.warning && (React__default.createElement("div", { className: "LuiAccordicardStatic-sideBar" },
+            React__default.createElement(LuiIcon, { className: "LuiAccordicardStatic-warningIcon", alt: "Accordicard warning", name: 'ic_warning', size: 'md' }))),
         React__default.createElement("div", { className: "LuiAccordicardStatic-header" },
             React__default.createElement("div", { className: "LuiAccordicardStatic-headerContent" }, headerContent)),
         React__default.createElement("div", { className: clsx('LuiAccordicardStatic-contentWrapper', isOpen ? 'LuiAccordicardStatic-contentWrapper--isOpen' : null) },
             React__default.createElement("div", { className: clsx('LuiAccordicardStatic-content', isOpen ? 'LuiAccordicardStatic-content--isOpen' : null) }, isOpen ? children : React__default.createElement(React__default.Fragment, null))),
         React__default.createElement("button", { "aria-label": isOpen ? 'Expanded' : 'Closed', className: "LuiAccordicardStatic-trigger", onClick: function () { return setIsOpen(!isOpen); } },
-            React__default.createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", size: "md" }))));
+            React__default.createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
 };
 
 export { FIRM_KEY, FIRM_NAME_KEY, GLOBAL_CLIENT_REFERENCE_KEY, LOLActiveFirmMessage, LOLAuthorisedLink, LOLCommonDrawerMenu, LOLCommonDrawerMenuAfterLinks, LOLDrawerMenu, LOLFirmSwitcherMenu, LOLGlobalClientRefContext, LOLGlobalClientRefContextProvider, LOLLogoutLink, LOLSearchBox, LOLUserContext, LOLUserContextProvider, LOLUserLastLogin, LuiAccordicard, LuiAccordicardStatic, LuiAlertModal, LuiAlertModalButtons, LuiBadge, LuiBanner, LuiBannerContent, LuiBearingFormikInput, LuiBearingInput, LuiButton, LuiButtonGroup, LuiCheckboxInput, LuiCloseableHeaderMenuContext, LuiCloseableHeaderMenuItem, LuiComboSelect, LuiControlledMenu, LuiDrawerMenu, LuiDrawerMenuDivider, LuiDrawerMenuOption, LuiDrawerMenuOptions, LuiDrawerMenuSection, LuiDropdownMenu, LuiErrorPage, LuiExpandableBanner, LuiFileInputBox, LuiFilterContainer, LuiFilterMenu, LuiFooter, LuiFormSectionHeader, LuiFormikCheckbox, LuiFormikForm, LuiFormikFormLabel, LuiFormikFormSubmitButton, LuiFormikRadioButton, LuiFormikRadioGroup, LuiFormikSelect, LuiFormikTextInput, LuiHeader, LuiHeaderMenuItem, LuiIcon, LuiLoadingSpinner, LuiLoadingSpinnerChristmas, LuiLoadingSpinnerEaster, LuiMenu, LuiMenuCloseButton, LuiMessagingContextProvider, LuiMiniSpinner, LuiModal, LuiRadioInput, LuiSearchBox, LuiSearchInput, LuiSelectDataMenu, LuiSelectInput, LuiSelectMenu, LuiSelectMenuItem, LuiSelectSubMenuItem, LuiShadow, LuiSidePanel, LuiSidePanelProvider, LuiStaticMessage, LuiStatusSpinner, LuiSwitchButton, LuiTab, LuiTabs, LuiTabsContext, LuiTabsGroup, LuiTabsPanel, LuiTabsPanelSwitch, LuiTextAreaInput, LuiTextInput, LuiToastMessage, LuiTooltip, LuiUpdatesSplashModal, getDefaultSearchMenuOptions, isChromatic, useClickedOutsideElement, useLOLGlobalClientRefContext, useLOLUserContext, useShowLUIMessage };