@xelto.npm/xc2-lib 0.0.70 → 0.0.72

package/dist/index.esm.js

@@ -27800,8 +27800,7 @@ function _extends$1c() { _extends$1c = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfSearch = function SvgIconWfSearch(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1c({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26
+    viewBox: "0 0 26 26"
   }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 20574",
     fill: "#e42127",
@@ -27822,8 +27821,7 @@ function _extends$1b() { _extends$1b = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfLocked = function SvgIconWfLocked(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1b({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26
+    viewBox: "0 0 26 26"
   }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 20466",
     fill: "#e42127",
@@ -27844,8 +27842,7 @@ function _extends$1a() { _extends$1a = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfDownload = function SvgIconWfDownload(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1a({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     "data-name": "color-2",
     fill: "#e42127",
@@ -27865,8 +27862,7 @@ function _extends$19() { _extends$19 = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfRemove = function SvgIconWfRemove(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$19({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 19790",
     fill: "#e42127",
@@ -27897,8 +27893,7 @@ function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfLogout = function SvgIconWfLogout(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$18({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$Z || (_g$Z = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_logout"
   }, /*#__PURE__*/React.createElement("path", {
@@ -27921,8 +27916,7 @@ function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfEdit = function SvgIconWfEdit(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     "data-name": "color-2",
     fill: "#e42127",
@@ -27944,8 +27938,7 @@ var SvgIconWfSettingsOrFilter = function SvgIconWfSettingsOrFilter(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$16({
     "data-name": "icon_wf_settings or filter",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$Y || (_g$Y = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 42290"
   }, /*#__PURE__*/React.createElement("path", {
@@ -27972,8 +27965,7 @@ function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfBarcode1D = function SvgIconWfBarcode1D(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$X || (_g$X = /*#__PURE__*/React.createElement("g", {
     fill: "#293072"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28018,8 +28010,7 @@ function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfBarcode2D = function SvgIconWfBarcode2D(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$W || (_g$W = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 43962"
   }, /*#__PURE__*/React.createElement("g", {
@@ -28072,8 +28063,7 @@ var SvgIconWfBarcodePrinter = function SvgIconWfBarcodePrinter(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$13({
     "data-name": "Component 292 \\u2013 5",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$V || (_g$V = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 43974"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28118,8 +28108,7 @@ function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfBox = function SvgIconWfBox(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$U || (_g$U = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_box v1"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28150,8 +28139,7 @@ var SvgIconWfCalculator = function SvgIconWfCalculator(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$11({
     "data-name": "Component 286 \\u2013 2",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$T || (_g$T = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 43933"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28199,8 +28187,7 @@ function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : fu
 var SvgIconWfCalendar = function SvgIconWfCalendar(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$S || (_g$S = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 43270"
   }, /*#__PURE__*/React.createElement("g", {
@@ -28258,8 +28245,7 @@ function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : func
 var SvgIconWfCar = function SvgIconWfCar(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$$({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$R || (_g$R = /*#__PURE__*/React.createElement("g", {
     fill: "#e42127"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28294,8 +28280,7 @@ function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : func
 var SvgIconWfForklift = function SvgIconWfForklift(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$Q || (_g$Q = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_forklift"
   }, /*#__PURE__*/React.createElement("g", {
@@ -28335,8 +28320,7 @@ function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : func
 var SvgIconWfInvoice = function SvgIconWfInvoice(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$P || (_g$P = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 42733"
   }, /*#__PURE__*/React.createElement("g", {
@@ -28366,8 +28350,7 @@ function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : func
 var SvgIconWfKeyboard = function SvgIconWfKeyboard(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 45,
-    height: 45
+    viewBox: "0 0 45 45"
   }, props), _g$O || (_g$O = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_keyboard_1"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28415,8 +28398,7 @@ function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : func
 var SvgIconWfLogs = function SvgIconWfLogs(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$N || (_g$N = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_logs"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28439,8 +28421,7 @@ function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : func
 var SvgIconWfNoBarcodePrinter = function SvgIconWfNoBarcodePrinter(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 18,
-    height: 18
+    viewBox: "0 0 18 18"
   }, props), _g$M || (_g$M = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_no-barcode-printer v1"
   }, /*#__PURE__*/React.createElement("g", {
@@ -28490,8 +28471,7 @@ function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : func
 var SvgIconWfNoScan = function SvgIconWfNoScan(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 20557",
     fill: "#e42127",
@@ -28546,8 +28526,7 @@ function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : func
 var SvgIconWfPallet = function SvgIconWfPallet(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$K || (_g$K = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_pallet_v1"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28566,8 +28545,7 @@ function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : func
 var SvgIconWfPin = function SvgIconWfPin(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$J || (_g$J = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 42962"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28590,8 +28568,7 @@ function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : func
 var SvgIconWfScan = function SvgIconWfScan(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     "data-name": "Rectangle 19774",
     fill: "#e42127",
@@ -28646,8 +28623,7 @@ function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : func
 var SvgIconWfSend = function SvgIconWfSend(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$H || (_g$H = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_send"
   }, /*#__PURE__*/React.createElement("g", {
@@ -28674,8 +28650,7 @@ function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : func
 var SvgIconWfStatusKsef = function SvgIconWfStatusKsef(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$G || (_g$G = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 42620"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28698,8 +28673,7 @@ function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : func
 var SvgIconWfStop = function SvgIconWfStop(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84683",
     d: "M31.203 42.874H14.745L3.108 31.237V14.779L14.745 3.142h16.458L42.84 14.779v16.458Zm-15.2-3.036h13.942l9.859-9.859V16.037l-9.859-9.859H16.003l-9.859 9.859v13.942Z",
@@ -28730,8 +28704,7 @@ function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : func
 var SvgIconWfUnpin = function SvgIconWfUnpin(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$E || (_g$E = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 42617"
   }, /*#__PURE__*/React.createElement("g", {
@@ -28758,8 +28731,7 @@ function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : func
 var SvgIconWfRefresh = function SvgIconWfRefresh(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26
+    viewBox: "0 0 26 26"
   }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84133",
     d: "M22.77 9.935h-4.386v-1.76h4.382l.032-4.442 1.76.011-.028 4.437a1.769 1.769 0 0 1-1.76 1.754Z",
@@ -28788,8 +28760,7 @@ function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : func
 var SvgIconUiClose = function SvgIconUiClose(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84635",
     d: "M42.737 5.409 40.59 3.262 23 20.853 5.409 3.262 3.262 5.409 20.853 23 3.262 40.591l2.147 2.147L23 25.147l17.59 17.591 2.147-2.147L25.146 23Z",
@@ -28805,8 +28776,7 @@ function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : func
 var SvgIconUiChevronUp = function SvgIconUiChevronUp(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84638",
     d: "m5.074 33.898-2.178-2.176 18.023-18.025a3.062 3.062 0 0 1 2.18-.9h.012a3.062 3.062 0 0 1 2.185.919l17.754 18-2.193 2.163-17.754-18Z",
@@ -28823,8 +28793,7 @@ function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : func
 var SvgIconUiChevronDown = function SvgIconUiChevronDown(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _g$D || (_g$D = /*#__PURE__*/React.createElement("g", {
     "data-name": "icon_wf_arrow_1"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28843,8 +28812,7 @@ function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : func
 var SvgIconUiChevronRight = function SvgIconUiChevronRight(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$J({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84638",
     d: "m12.421 41.245 2.178 2.178L32.621 25.4a3.062 3.062 0 0 0 .9-2.18v-.012a3.062 3.062 0 0 0-.919-2.185l-18-17.754-2.159 2.193 18 17.754Z",
@@ -28861,8 +28829,7 @@ function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : func
 var SvgIconUiChevronLeft = function SvgIconUiChevronLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 46,
-    height: 46
+    viewBox: "0 0 46 46"
   }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     "data-name": "Path 84638",
     d: "m33.525 41.245-2.176 2.178L13.324 25.4a3.062 3.062 0 0 1-.9-2.18v-.012a3.062 3.062 0 0 1 .919-2.185l18-17.754 2.163 2.193-18 17.754Z",
@@ -28879,8 +28846,7 @@ function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : func
 var SvgIconSpCheckMark = function SvgIconSpCheckMark(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 42,
-    height: 42
+    viewBox: "0 0 42 42"
   }, props), _g$C || (_g$C = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 47571"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28899,8 +28865,7 @@ function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : func
 var SvgIconSpWarning = function SvgIconSpWarning(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 42,
-    height: 42
+    viewBox: "0 0 42 42"
   }, props), _g$B || (_g$B = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 47569"
   }, /*#__PURE__*/React.createElement("path", {
@@ -28967,8 +28932,7 @@ var SvgMenuBurger = function SvgMenuBurger(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$D({
     "data-name": "menu burger",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 42,
-    height: 36
+    viewBox: "0 0 42 36"
   }, props), _rect$2 || (_rect$2 = /*#__PURE__*/React.createElement("rect", {
     "data-name": "Rectangle 17015",
     width: 42,
@@ -28998,8 +28962,7 @@ var SvgUpdateIcon = function SvgUpdateIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$C({
     "data-name": "Component 231 \\u2013 4",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 25.813,
-    height: 23.313
+    viewBox: "0 0 25.813 23.313"
   }, props), _defs$p || (_defs$p = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "update_icon_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -29062,8 +29025,7 @@ function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : func
 var SvgCheckboxDefault = function SvgCheckboxDefault(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 27,
-    height: 27
+    viewBox: "0 0 27 27"
   }, props), _g$x || (_g$x = /*#__PURE__*/React.createElement("g", {
     "data-name": "Rectangle 18315",
     fill: "#fff",
@@ -29089,8 +29051,7 @@ function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : func
 var SvgCheckboxChecked = function SvgCheckboxChecked(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20
+    viewBox: "0 0 20 20"
   }, props), _rect$1 || (_rect$1 = /*#__PURE__*/React.createElement("rect", {
     "data-name": "Rectangle 18315",
     width: 20,
@@ -29109,8 +29070,7 @@ function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : func
 var SvgChecbkoxIndeterminate = function SvgChecbkoxIndeterminate(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 27,
-    height: 27
+    viewBox: "0 0 27 27"
   }, props), _g$w || (_g$w = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 47972",
     transform: "translate(0 -7)"
@@ -52635,17 +52595,17 @@ var StyledHeaderDescriptionWrapper = styled$1(Box$1)(function (_ref2) {
 var AppTileComponent = function AppTileComponent(_ref3) {
   var header = _ref3.header,
     description = _ref3.description,
-    illustrationName = _ref3.illustrationName,
+    _ref3$illustrationNam = _ref3.illustrationName,
+    illustrationName = _ref3$illustrationNam === void 0 ? 'ilu_availability_by_item' : _ref3$illustrationNam,
     _ref3$forwardedRef = _ref3.forwardedRef,
-    forwardedRef = _ref3$forwardedRef === void 0 ? null : _ref3$forwardedRef,
-    isBigType = _ref3.isBigType,
-    size = _ref3.size,
-    color = _ref3.color;
-  return /*#__PURE__*/React__default.createElement(StyledAppTileWrapper, null, /*#__PURE__*/React__default.createElement(Illustration, {
+    forwardedRef = _ref3$forwardedRef === void 0 ? function () {} : _ref3$forwardedRef;
+  return /*#__PURE__*/React__default.createElement(StyledAppTileWrapper, {
+    ref: forwardedRef
+  }, /*#__PURE__*/React__default.createElement(Illustration, {
     illustrationName: illustrationName,
-    color: color,
-    size: size,
-    isBigType: isBigType
+    color: '',
+    size: '',
+    isBigType: false
   }), /*#__PURE__*/React__default.createElement(StyledHeaderDescriptionWrapper, null, /*#__PURE__*/React__default.createElement(TypographyComponent, {
     text: header,
     type: 'app-tile-header',
@@ -52656,6 +52616,15 @@ var AppTileComponent = function AppTileComponent(_ref3) {
     forwardedRef: forwardedRef
   })));
 };
+AppTileComponent.propTypes = {
+  description: propTypes.exports.string,
+  header: propTypes.exports.bool,
+  illustrationName: propTypes.exports.string,
+  onClick: propTypes.exports.func,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })])
+};
 
 var _excluded$8 = ["type", "text", "size", "fluid", "color", "onClick", "disabled", "forwardedRef"];
 var CustomButton = styled$1(Button$2)(function (_ref) {
@@ -53139,8 +53108,7 @@ function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : func
 var SvgIluAvailabilityByItem = function SvgIluAvailabilityByItem(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _g$v || (_g$v = /*#__PURE__*/React.createElement("g", {
     "data-name": "ilu_availability-by-item_1"
   }, /*#__PURE__*/React.createElement("g", {
@@ -54096,8 +54064,7 @@ function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : func
 var SvgIluAddGoodsToPallet = function SvgIluAddGoodsToPallet(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$o || (_defs$o = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_add-goods-to-pallet_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -54340,8 +54307,7 @@ function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : func
 var SvgIluAvailabilityByIndex = function SvgIluAvailabilityByIndex(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$n || (_defs$n = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_availability-by-index_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -55126,8 +55092,7 @@ function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : func
 var SvgIluAvailabilityByLocation = function SvgIluAvailabilityByLocation(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _g$s || (_g$s = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 45606"
   }, /*#__PURE__*/React.createElement("path", {
@@ -55941,8 +55906,7 @@ function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : func
 var SvgIluBlockedPallet = function SvgIluBlockedPallet(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 138,
-    height: 138
+    viewBox: "0 0 138 138"
   }, props), _defs$m || (_defs$m = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_blocked-pallet_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -56306,8 +56270,7 @@ function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : func
 var SvgIluFinishedProduct = function SvgIluFinishedProduct(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$l || (_defs$l = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_finished-product_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -56558,8 +56521,7 @@ function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : func
 var SvgIluFromPalletToRack = function SvgIluFromPalletToRack(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$k || (_defs$k = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_from-pallet-to-rack_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -57067,8 +57029,7 @@ function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : func
 var SvgIluInternalLogistic = function SvgIluInternalLogistic(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$j || (_defs$j = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_internal-logistic_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -57519,8 +57480,7 @@ function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : func
 var SvgIluInventory = function SvgIluInventory(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$i || (_defs$i = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_inventory_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -58427,8 +58387,7 @@ function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : func
 var SvgIluInventoryTransfer = function SvgIluInventoryTransfer(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$h || (_defs$h = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_inventory-transfer_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -58634,8 +58593,7 @@ function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : func
 var SvgIluLabelingOfPallets = function SvgIluLabelingOfPallets(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$g || (_defs$g = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_labeling-of-pallets_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -58969,8 +58927,7 @@ function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : func
 var SvgIluLoadingCar = function SvgIluLoadingCar(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$f || (_defs$f = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_loading-car_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -59350,8 +59307,7 @@ function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : func
 var SvgIluManualTransfer = function SvgIluManualTransfer(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
     transform: "translate(9.215 12.933)"
   }, /*#__PURE__*/React.createElement("path", {
@@ -60007,8 +59963,7 @@ function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : func
 var SvgIluMoveGoodsFromPalletToAnother = function SvgIluMoveGoodsFromPalletToAnother(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$e || (_defs$e = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_move-goods-from-pallet-to-another_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -60364,8 +60319,7 @@ function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : func
 var SvgIluPrintingLabel = function SvgIluPrintingLabel(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$d || (_defs$d = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_printing-label_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -60549,8 +60503,7 @@ function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : func
 var SvgIluProduction = function SvgIluProduction(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$c || (_defs$c = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_production_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -61008,8 +60961,7 @@ function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : func
 var SvgIluQualityControl = function SvgIluQualityControl(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$b || (_defs$b = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_quality-control_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -61667,8 +61619,7 @@ function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : func
 var SvgIluReleaseOfGoodsFromWarehouse = function SvgIluReleaseOfGoodsFromWarehouse(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$a || (_defs$a = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_release-of-goods-from-warehouse_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -62127,8 +62078,7 @@ function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : func
 var SvgIluRemoveGoodsFromPallet = function SvgIluRemoveGoodsFromPallet(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$9 || (_defs$9 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_remove_goods_from_pallet_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -62316,8 +62266,7 @@ function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : func
 var SvgIluReprintingLabel = function SvgIluReprintingLabel(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$8 || (_defs$8 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_reprinting-label_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -62549,8 +62498,7 @@ function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : func
 var SvgIluReturnFromCustomers = function SvgIluReturnFromCustomers(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$7 || (_defs$7 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_return-from-customers_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -62971,8 +62919,7 @@ function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : func
 var SvgIluShiftPallet = function SvgIluShiftPallet(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$5 || (_defs$5 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_shift_pallet_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -63418,8 +63365,7 @@ function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : func
 var SvgIluStatusChange = function SvgIluStatusChange(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$4 || (_defs$4 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_status-change_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -63571,8 +63517,7 @@ function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : func
 var SvgIluStorageField = function SvgIluStorageField(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$3 || (_defs$3 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_storage-field_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -63977,8 +63922,7 @@ function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : func
 var SvgIluWarehouseLoading = function SvgIluWarehouseLoading(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_warehouse-loading_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -64350,8 +64294,7 @@ function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : func
 var SvgMovingBoxToAnotherShelf = function SvgMovingBoxToAnotherShelf(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 170,
-    height: 170
+    viewBox: "0 0 170 170"
   }, props), _g$6 || (_g$6 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 46074"
   }, /*#__PURE__*/React.createElement("g", {
@@ -65211,8 +65154,7 @@ var SvgIluSearch = function SvgIluSearch(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$6({
     "data-name": "Component 35 \\u2013 1",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 184.006,
-    height: 184.006
+    viewBox: "0 0 184.006 184.006"
   }, props), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_search_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -65424,8 +65366,7 @@ var SvgIlu404 = function SvgIlu404(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$5({
     "data-name": "Component 34 \\u2013 1",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 184.006,
-    height: 184.006
+    viewBox: "0 0 184.006 184.006"
   }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "ilu_404_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
@@ -65885,8 +65826,6 @@ function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : func
 var SvgLogoXelcode = function SvgLogoXelcode(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 473.043,
-    height: 50,
     viewBox: "0 0 473.043 77.554"
   }, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 44021"
@@ -65943,8 +65882,7 @@ function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : func
 var SvgLogoXelcodeDashboard = function SvgLogoXelcodeDashboard(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 469.159,
-    height: 124
+    viewBox: "0 0 469.159 124"
   }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
     "data-name": "Group 47387"
   }, /*#__PURE__*/React.createElement("path", {