@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.9

package/dist/cjs/components/EmptyState/EmptyState.styles.cjs

@@ -25,9 +25,9 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r2ohw14"
+  target: "e1r2ohw13"
 } : {
-  target: "e1r2ohw14",
+  target: "e1r2ohw13",
   label: "StyledRoot"
 })(process.env.NODE_ENV === "production" ? {
   name: "zcbaso",
@@ -35,13 +35,13 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
 } : {
   name: "zcbaso",
   styles: "width:100%;height:100%;display:flex;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogNCxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcInRleHRcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgfSxcbiAgICAgIFwiJiBhXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IFwidGl0bGVcIiB8IFwibWVzc2FnZVwiIHwgXCJhY3Rpb25cIiB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5lbXB0eVN0YXRlLnRpdGxlTWFyZ2luVG9wLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2Uuc20sXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r2ohw13"
+  target: "e1r2ohw12"
 }, transientOptions.transientOptions) : _extends({}, {
-  target: "e1r2ohw13",
+  target: "e1r2ohw12",
   label: "StyledContainer"
 }, transientOptions.transientOptions))(({
   $messageOnly,
@@ -63,21 +63,7 @@ const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.
       marginLeft: 0
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogNCxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcInRleHRcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgfSxcbiAgICAgIFwiJiBhXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledIconContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r2ohw12"
-} : {
-  target: "e1r2ohw12",
-  label: "StyledIconContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR0eXBlLFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICR0eXBlOiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLigkdHlwZSA9PT0gXCJ0ZXh0XCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIH0sXG4gICAgICBcIiYgYVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IFwidGl0bGVcIiB8IFwibWVzc2FnZVwiIHwgXCJhY3Rpb25cIiB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5lbXB0eVN0YXRlLnRpdGxlTWFyZ2luVG9wLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2Uuc20sXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIH0pLFxufSkpO1xuIl19 */");
 const StyledTextContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1r2ohw11"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -97,39 +83,24 @@ const StyledTextContainer = /* @__PURE__ */ _styled__default.default("div", proc
     color: uikitStyles.theme.colors.acce2,
     textDecoration: "none"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR0eXBlLFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICR0eXBlOiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLigkdHlwZSA9PT0gXCJ0ZXh0XCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIH0sXG4gICAgICBcIiYgYVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJiBhXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1r2ohw10"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "e1r2ohw10",
   label: "StyledTypography"
 }, transientOptions.transientOptions))(({
-  $type,
-  $breakpoints
+  $type
 }) => ({
   ...$type === "title" && {
-    marginTop: 4,
-    marginBottom: uikitStyles.theme.space.xs
-  },
-  ...$type === "text" && {
-    background: "transparent",
-    maxWidth: "510px",
-    overflow: "hidden",
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    [$breakpoints.up("sm")]: {
-      marginLeft: uikitStyles.theme.space.xs
-    },
-    "& a": {
-      color: uikitStyles.theme.colors.acce2,
-      textDecoration: "none"
-    }
+    marginTop: uikitStyles.theme.emptyState.titleMarginTop,
+    marginBottom: uikitStyles.theme.space.sm
   },
   ...$type === "action" && {
-    marginTop: uikitStyles.theme.space.xs
+    marginTop: uikitStyles.theme.space.sm
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0RnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR0eXBlLFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICR0eXBlOiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLigkdHlwZSA9PT0gXCJ0ZXh0XCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIH0sXG4gICAgICBcIiYgYVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkRnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJiBhXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 exports.StyledContainer = StyledContainer;
-exports.StyledIconContainer = StyledIconContainer;
 exports.StyledRoot = StyledRoot;
 exports.StyledTextContainer = StyledTextContainer;
 exports.StyledTypography = StyledTypography;

package/dist/cjs/components/EmptyState/EmptyState.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.styles.cjs","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $messageOnly,\n    $breakpoints,\n  }: {\n    $messageOnly: boolean;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [$breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...($messageOnly && {\n      alignItems: \"center\",\n      [$breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledIconContainer = styled(\"div\")({});\n\nexport const StyledTextContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  background: \"transparent\",\n  maxWidth: \"510px\",\n  overflow: \"hidden\",\n  fontFamily: theme.fontFamily.body,\n  [$breakpoints.up(\"sm\")]: {\n    marginLeft: theme.space.xs,\n  },\n  \"& a\": {\n    color: theme.colors.acce2,\n    textDecoration: \"none\",\n  },\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $type,\n    $breakpoints,\n  }: {\n    $type: string;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    ...($type === \"title\" && {\n      marginTop: 4,\n      marginBottom: theme.space.xs,\n    }),\n    ...($type === \"text\" && {\n      background: \"transparent\",\n      maxWidth: \"510px\",\n      overflow: \"hidden\",\n      fontFamily: theme.fontFamily.body,\n      [$breakpoints.up(\"sm\")]: {\n        marginLeft: theme.space.xs,\n      },\n      \"& a\": {\n        color: theme.colors.acce2,\n        textDecoration: \"none\",\n      },\n    }),\n    ...($type === \"action\" && {\n      marginTop: theme.space.xs,\n    }),\n  })\n);\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$messageOnly","$breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledIconContainer","StyledTextContainer","background","maxWidth","overflow","fontFamily","theme","body","up","space","xs","color","colors","acce2","textDecoration","StyledTypography","HvTypography","$type","marginTop","marginBottom"],"mappings":"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"}
+{"version":3,"file":"EmptyState.styles.cjs","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $messageOnly,\n    $breakpoints,\n  }: {\n    $messageOnly: boolean;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [$breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...($messageOnly && {\n      alignItems: \"center\",\n      [$breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledTextContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  background: \"transparent\",\n  maxWidth: \"510px\",\n  overflow: \"hidden\",\n  fontFamily: theme.fontFamily.body,\n  [$breakpoints.up(\"sm\")]: {\n    marginLeft: theme.space.xs,\n  },\n  \"& a\": {\n    color: theme.colors.acce2,\n    textDecoration: \"none\",\n  },\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: \"title\" | \"message\" | \"action\" }) => ({\n  ...($type === \"title\" && {\n    marginTop: theme.emptyState.titleMarginTop,\n    marginBottom: theme.space.sm,\n  }),\n  ...($type === \"action\" && {\n    marginTop: theme.space.sm,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$messageOnly","$breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledTextContainer","background","maxWidth","overflow","fontFamily","theme","body","up","space","xs","color","colors","acce2","textDecoration","StyledTypography","HvTypography","$type","marginTop","emptyState","titleMarginTop","marginBottom","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKrC;AAEWC,MAAAA,2DACX,OAAKV,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,eAAe;AAAA,EACf,CAACF,aAAaG,KAAK,IAAI,IAAI;AAAA,IACzBD,eAAe;AAAA,IACfE,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,gBAAgB;AAAA,IAClBK,YAAY;AAAA,IACZ,CAACJ,aAAaG,KAAK,IAAI,IAAI;AAAA,MACzBD,eAAe;AAAA,IACjB;AAAA,IACA,CAAE,MAAKI,0BAAkBC,kBAAkB;AAAA,MACzCC,YAAY;AAAA,IACd;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,i7FAAA;AAEYqB,MAAAA,+DACX,OAAKvB,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDU,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,YAAYC,YAAAA,MAAMD,WAAWE;AAAAA,EAC7B,CAACf,aAAagB,GAAG,IAAI,IAAI;AAAA,IACvBR,YAAYM,YAAAA,MAAMG,MAAMC;AAAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACLC,OAAOL,YAAAA,MAAMM,OAAOC;AAAAA,IACpBC,gBAAgB;AAAA,EAClB;AACF,IAAEpC,QAAAC,IAAAC,aAAC,eAAA,KAAA,q7FAAA;AAEUmC,MAAAA,4DACXC,WAAAA,cAAYtC,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACZS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAE2B;AAAiD,OAAO;AAAA,EAC3D,GAAIA,UAAU,WAAW;AAAA,IACvBC,WAAWZ,YAAAA,MAAMa,WAAWC;AAAAA,IAC5BC,cAAcf,YAAAA,MAAMG,MAAMa;AAAAA,EAC5B;AAAA,EACA,GAAIL,UAAU,YAAY;AAAA,IACxBC,WAAWZ,YAAAA,MAAMG,MAAMa;AAAAA,EACzB;AACF,IAAE5C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q7FAAA;;;;;"}

package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const dropZoneClasses = require("./dropZoneClasses.cjs");
 const React = require("react");
 const lodash = require("lodash");
@@ -7,7 +8,6 @@ const accept = require("attr-accept");
 const DropZone_styles = require("./DropZone.styles.cjs");
 const clsx = require("clsx");
 const utils = require("../utils.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const withId = require("../../../hocs/withId.cjs");
 const setId = require("../../../utils/setId.cjs");
 const keyCheck = require("../../../utils/keyboardUtils/keyCheck.cjs");
@@ -57,112 +57,63 @@ const HvDropZone = withId.default(({
     });
     onFilesAdded == null ? void 0 : onFilesAdded(newFiles);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!hideLabels && /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneLabelsGroup, {
-      id,
-      className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabelsGroup, dropZoneClasses.default.dropZoneLabelsGroup),
-      "aria-label": "File Dropzone",
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledLabel, {
-        id: setId.setId(id, "input-file-label"),
-        htmlFor: setId.setId(id, "input-file"),
-        label: labels == null ? void 0 : labels.dropzone,
-        className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabel, dropZoneClasses.default.dropZoneLabel),
-        $disabled: disabled
-      }), /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledInfoMessage, {
-        $disabled: disabled,
-        id: setId.setId(id, "description"),
-        children: [Number.isInteger(maxFileSize) && `${labels == null ? void 0 : labels.sizeWarning} ${utils.convertUnits(maxFileSize)}`, (labels == null ? void 0 : labels.acceptedFiles) && labels.acceptedFiles, !(labels == null ? void 0 : labels.acceptedFiles) && acceptedFiles.length > 0 && `\xA0(${acceptedFiles.join(", ")})`]
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneContainer, {
-      id: setId.setId(id, "button"),
-      className: clsx__default.default(classes == null ? void 0 : classes.dropZoneContainer, dropZoneClasses.default.dropZoneContainer, dragState && clsx__default.default(classes == null ? void 0 : classes.dragAction, dropZoneClasses.default.dragAction), disabled && clsx__default.default(classes == null ? void 0 : classes.dropZoneContainerDisabled, dropZoneClasses.default.dropZoneContainerDisabled)),
-      $drag: dragState,
-      $disabled: disabled,
-      role: "button",
-      tabIndex: 0,
-      onDragEnter: (event) => {
-        if (!disabled) {
-          enterDropArea();
-          event.stopPropagation();
-          event.preventDefault();
-        }
-      },
-      onDragLeave: leaveDropArea,
-      onDropCapture: leaveDropArea,
-      onDragOver: (event) => {
-        if (!disabled) {
-          enterDropArea();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !hideLabels && /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneLabelsGroup, { id, className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabelsGroup, dropZoneClasses.default.dropZoneLabelsGroup), "aria-label": "File Dropzone", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledLabel, { id: setId.setId(id, "input-file-label"), htmlFor: setId.setId(id, "input-file"), label: labels == null ? void 0 : labels.dropzone, className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabel, dropZoneClasses.default.dropZoneLabel), $disabled: disabled }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledInfoMessage, { $disabled: disabled, id: setId.setId(id, "description"), children: [
+        Number.isInteger(maxFileSize) && `${labels == null ? void 0 : labels.sizeWarning} ${utils.convertUnits(maxFileSize)}`,
+        (labels == null ? void 0 : labels.acceptedFiles) && labels.acceptedFiles,
+        !(labels == null ? void 0 : labels.acceptedFiles) && acceptedFiles.length > 0 && `\xA0(${acceptedFiles.join(", ")})`
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneContainer, { id: setId.setId(id, "button"), className: clsx__default.default(classes == null ? void 0 : classes.dropZoneContainer, dropZoneClasses.default.dropZoneContainer, dragState && clsx__default.default(classes == null ? void 0 : classes.dragAction, dropZoneClasses.default.dragAction), disabled && clsx__default.default(classes == null ? void 0 : classes.dropZoneContainerDisabled, dropZoneClasses.default.dropZoneContainerDisabled)), $drag: dragState, $disabled: disabled, role: "button", tabIndex: 0, onDragEnter: (event) => {
+      if (!disabled) {
+        enterDropArea();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    }, onDragLeave: leaveDropArea, onDropCapture: leaveDropArea, onDragOver: (event) => {
+      if (!disabled) {
+        enterDropArea();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    }, onDrop: (event) => {
+      if (!disabled) {
+        const {
+          files
+        } = event.dataTransfer;
+        if (multiple === true || files.length === 1) {
           event.stopPropagation();
           event.preventDefault();
+          onChangeHandler(files);
         }
-      },
-      onDrop: (event) => {
-        if (!disabled) {
-          const {
-            files
-          } = event.dataTransfer;
-          if (multiple === true || files.length === 1) {
-            event.stopPropagation();
-            event.preventDefault();
-            onChangeHandler(files);
-          }
+      }
+    }, onKeyDown: (e) => {
+      var _a;
+      if (keyCheck.isKeypress(e, keyboardCodes.keyboardCodes.Enter) || keyCheck.isKeypress(e, 32)) {
+        (_a = inputRef.current) == null ? void 0 : _a.click();
+      }
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledInput, { id: setId.setId(id, "input-file"), tabIndex: -1, className: clsx__default.default(classes == null ? void 0 : classes.inputArea, dropZoneClasses.default.inputArea), type: "file", multiple, disabled, title: !disabled ? `${labels == null ? void 0 : labels.drag}\xA0${labels == null ? void 0 : labels.selectFiles}` : "", onClick: () => {
+        if (inputRef.current) {
+          inputRef.current.value = "";
         }
-      },
-      onKeyDown: (e) => {
+      }, onChange: () => {
         var _a;
-        if (keyCheck.isKeypress(e, keyboardCodes.keyboardCodes.Enter) || keyCheck.isKeypress(e, 32)) {
-          (_a = inputRef.current) == null ? void 0 : _a.click();
+        if (!disabled && ((_a = inputRef.current) == null ? void 0 : _a.files)) {
+          onChangeHandler(inputRef.current.files);
         }
-      },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledInput, {
-        id: setId.setId(id, "input-file"),
-        tabIndex: -1,
-        className: clsx__default.default(classes == null ? void 0 : classes.inputArea, dropZoneClasses.default.inputArea),
-        type: "file",
-        multiple,
-        disabled,
-        title: !disabled ? `${labels == null ? void 0 : labels.drag}\xA0${labels == null ? void 0 : labels.selectFiles}` : "",
-        onClick: () => {
-          if (inputRef.current) {
-            inputRef.current.value = "";
-          }
-        },
-        onChange: () => {
-          var _a;
-          if (!disabled && ((_a = inputRef.current) == null ? void 0 : _a.files)) {
-            onChangeHandler(inputRef.current.files);
-          }
-        },
-        ref: inputRef,
-        accept: acceptedFiles.join(","),
-        ...inputProps
-      }), /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropArea, {
-        className: clsx__default.default(classes == null ? void 0 : classes.dropArea, dropZoneClasses.default.dropArea),
-        children: dragState ? /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabel, {
-          className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels),
-          children: /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDragText, {
-            className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText),
-            children: labels == null ? void 0 : labels.dropFiles
-          })
-        }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaIcon, {
-            iconSize: "M",
-            className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaIcon, dropZoneClasses.default.dropZoneAreaIcon),
-            color: disabled ? "atmo5" : "acce1"
-          }), /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabels, {
-            className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDragText, {
-              className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText),
-              children: [labels == null ? void 0 : labels.drag, /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledSelectedFilesText, {
-                className: clsx__default.default(classes == null ? void 0 : classes.selectFilesText, dropZoneClasses.default.selectFilesText),
-                children: `\xA0${labels == null ? void 0 : labels.selectFiles}`
-              })]
-            })
-          })]
-        })
-      })]
-    })]
-  });
+      }, ref: inputRef, accept: acceptedFiles.join(","), ...inputProps }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropArea, { className: clsx__default.default(classes == null ? void 0 : classes.dropArea, dropZoneClasses.default.dropArea), children: dragState ? /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabel, { className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels), children: /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDragText, { className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText), children: labels == null ? void 0 : labels.dropFiles }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaIcon, { iconSize: "M", className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaIcon, dropZoneClasses.default.dropZoneAreaIcon), color: disabled ? "atmo5" : "acce1" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabels, { className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels), children: /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDragText, { className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText), children: [
+          labels == null ? void 0 : labels.drag,
+          /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledSelectedFilesText, { className: clsx__default.default(classes == null ? void 0 : classes.selectFilesText, dropZoneClasses.default.selectFilesText), children: `\xA0${labels == null ? void 0 : labels.selectFiles}` })
+        ] }) })
+      ] }) })
+    ] })
+  ] });
 });
 exports.HvDropZone = HvDropZone;
 //# sourceMappingURL=DropZone.cjs.map

package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import { HvFileData, HvFilesAddedEvent } from \"../File\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport React, { useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash\";\nimport accept from \"attr-accept\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport clsx from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { convertUnits } from \"../utils\";\nimport { withId } from \"hocs\";\n\nexport type HvDropZoneLabels = {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n};\n\nexport type HvDropZoneProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n};\n\nexport const HvDropZone = withId(\n  ({\n    id,\n    classes,\n    labels,\n    acceptedFiles,\n    maxFileSize,\n    inputProps,\n    hideLabels,\n    multiple = true,\n    disabled = false,\n    onFilesAdded,\n  }: HvDropZoneProps) => {\n    const [dragState, setDrag] = useState<boolean>(false);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const leaveDropArea = () => {\n      setDrag(false);\n    };\n\n    const enterDropArea = () => {\n      setDrag(true);\n    };\n\n    const onChangeHandler = (filesList: FileList) => {\n      const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n      const newFiles: HvFileData[] = [];\n\n      filesToProcess.forEach((file: File) => {\n        const newFile: HvFileData = file;\n\n        const isSizeAllowed = file.size <= maxFileSize;\n        const isFileAccepted =\n          !acceptedFiles.length ||\n          acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n          acceptedFiles.some((acceptExtension) =>\n            accept({ name: file.name, type: file.type }, acceptExtension)\n          );\n\n        if (!isFileAccepted) {\n          newFile.errorMessage = labels?.fileTypeError;\n          newFile.status = \"fail\";\n        } else if (!isSizeAllowed) {\n          newFile.errorMessage = labels?.fileSizeError;\n          newFile.status = \"fail\";\n        }\n\n        newFile.id = uniqueId(\"uploaded-file-data-\");\n        newFiles.push(newFile);\n      });\n\n      onFilesAdded?.(newFiles);\n    };\n\n    return (\n      <>\n        {!hideLabels && (\n          <StyledDropZoneLabelsGroup\n            id={id}\n            className={clsx(\n              classes?.dropZoneLabelsGroup,\n              dropZoneClasses.dropZoneLabelsGroup\n            )}\n            aria-label=\"File Dropzone\"\n          >\n            <StyledLabel\n              id={setId(id, \"input-file-label\")}\n              htmlFor={setId(id, \"input-file\")}\n              label={labels?.dropzone}\n              className={clsx(\n                classes?.dropZoneLabel,\n                dropZoneClasses.dropZoneLabel\n              )}\n              $disabled={disabled}\n            />\n            <StyledInfoMessage\n              $disabled={disabled}\n              id={setId(id, \"description\")}\n            >\n              {Number.isInteger(maxFileSize) &&\n                `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n              {labels?.acceptedFiles && labels.acceptedFiles}\n              {!labels?.acceptedFiles &&\n                acceptedFiles.length > 0 &&\n                `\\u00A0(${acceptedFiles.join(\", \")})`}\n            </StyledInfoMessage>\n          </StyledDropZoneLabelsGroup>\n        )}\n        <StyledDropZoneContainer\n          id={setId(id, \"button\")}\n          className={clsx(\n            classes?.dropZoneContainer,\n            dropZoneClasses.dropZoneContainer,\n            dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n            disabled &&\n              clsx(\n                classes?.dropZoneContainerDisabled,\n                dropZoneClasses.dropZoneContainerDisabled\n              )\n          )}\n          $drag={dragState}\n          $disabled={disabled}\n          role=\"button\"\n          tabIndex={0}\n          onDragEnter={(event) => {\n            if (!disabled) {\n              enterDropArea();\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onDragLeave={leaveDropArea}\n          onDropCapture={leaveDropArea}\n          onDragOver={(event) => {\n            if (!disabled) {\n              enterDropArea();\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onDrop={(event) => {\n            if (!disabled) {\n              const { files } = event.dataTransfer;\n              if (multiple === true || files.length === 1) {\n                event.stopPropagation();\n                event.preventDefault();\n                onChangeHandler(files);\n              }\n            }\n          }}\n          onKeyDown={(e) => {\n            if (isKeypress(e, keyboardCodes.Enter) || isKeypress(e, 32)) {\n              inputRef.current?.click();\n            }\n          }}\n        >\n          <StyledInput\n            id={setId(id, \"input-file\")}\n            tabIndex={-1}\n            className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n            type=\"file\"\n            multiple={multiple}\n            disabled={disabled}\n            title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n            onClick={() => {\n              if (inputRef.current) {\n                inputRef.current.value = \"\";\n              }\n            }}\n            onChange={() => {\n              if (!disabled && inputRef.current?.files) {\n                onChangeHandler(inputRef.current.files);\n              }\n            }}\n            ref={inputRef}\n            accept={acceptedFiles.join(\",\")}\n            {...inputProps}\n          />\n          <StyledDropArea\n            className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n          >\n            {dragState ? (\n              <StyledDropAreaLabel\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.dropFiles}\n                </StyledDragText>\n              </StyledDropAreaLabel>\n            ) : (\n              <>\n                <StyledDropAreaIcon\n                  iconSize=\"M\"\n                  className={clsx(\n                    classes?.dropZoneAreaIcon,\n                    dropZoneClasses.dropZoneAreaIcon\n                  )}\n                  color={disabled ? \"atmo5\" : \"acce1\"}\n                />\n                <StyledDropAreaLabels\n                  className={clsx(\n                    classes?.dropZoneAreaLabels,\n                    dropZoneClasses.dropZoneAreaLabels\n                  )}\n                >\n                  <StyledDragText\n                    className={clsx(\n                      classes?.dragText,\n                      dropZoneClasses.dragText\n                    )}\n                  >\n                    {labels?.drag}\n                    <StyledSelectedFilesText\n                      className={clsx(\n                        classes?.selectFilesText,\n                        dropZoneClasses.selectFilesText\n                      )}\n                    >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                  </StyledDragText>\n                </StyledDropAreaLabels>\n              </>\n            )}\n          </StyledDropArea>\n        </StyledDropZoneContainer>\n      </>\n    );\n  }\n);\n"],"names":["HvDropZone","withId","id","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","_Fragment","children","StyledDropZoneLabelsGroup","className","clsx","dropZoneLabelsGroup","dropZoneClasses","_jsx","StyledLabel","setId","htmlFor","label","dropzone","dropZoneLabel","$disabled","_jsxs","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","$drag","role","tabIndex","onDragEnter","event","stopPropagation","preventDefault","onDragLeave","onDropCapture","onDragOver","onDrop","files","dataTransfer","onKeyDown","isKeypress","keyboardCodes","Enter","current","click","StyledInput","inputArea","title","drag","selectFiles","onClick","value","onChange","ref","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","iconSize","dropZoneAreaIcon","color","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}
+{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import { HvFileData, HvFilesAddedEvent } from \"../File\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport React, { useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash\";\nimport accept from \"attr-accept\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport clsx from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { convertUnits } from \"../utils\";\nimport { withId } from \"hocs\";\n\nexport type HvDropZoneLabels = {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n};\n\nexport type HvDropZoneProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n};\n\nexport const HvDropZone = withId(\n  ({\n    id,\n    classes,\n    labels,\n    acceptedFiles,\n    maxFileSize,\n    inputProps,\n    hideLabels,\n    multiple = true,\n    disabled = false,\n    onFilesAdded,\n  }: HvDropZoneProps) => {\n    const [dragState, setDrag] = useState<boolean>(false);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const leaveDropArea = () => {\n      setDrag(false);\n    };\n\n    const enterDropArea = () => {\n      setDrag(true);\n    };\n\n    const onChangeHandler = (filesList: FileList) => {\n      const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n      const newFiles: HvFileData[] = [];\n\n      filesToProcess.forEach((file: File) => {\n        const newFile: HvFileData = file;\n\n        const isSizeAllowed = file.size <= maxFileSize;\n        const isFileAccepted =\n          !acceptedFiles.length ||\n          acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n          acceptedFiles.some((acceptExtension) =>\n            accept({ name: file.name, type: file.type }, acceptExtension)\n          );\n\n        if (!isFileAccepted) {\n          newFile.errorMessage = labels?.fileTypeError;\n          newFile.status = \"fail\";\n        } else if (!isSizeAllowed) {\n          newFile.errorMessage = labels?.fileSizeError;\n          newFile.status = \"fail\";\n        }\n\n        newFile.id = uniqueId(\"uploaded-file-data-\");\n        newFiles.push(newFile);\n      });\n\n      onFilesAdded?.(newFiles);\n    };\n\n    return (\n      <>\n        {!hideLabels && (\n          <StyledDropZoneLabelsGroup\n            id={id}\n            className={clsx(\n              classes?.dropZoneLabelsGroup,\n              dropZoneClasses.dropZoneLabelsGroup\n            )}\n            aria-label=\"File Dropzone\"\n          >\n            <StyledLabel\n              id={setId(id, \"input-file-label\")}\n              htmlFor={setId(id, \"input-file\")}\n              label={labels?.dropzone}\n              className={clsx(\n                classes?.dropZoneLabel,\n                dropZoneClasses.dropZoneLabel\n              )}\n              $disabled={disabled}\n            />\n            <StyledInfoMessage\n              $disabled={disabled}\n              id={setId(id, \"description\")}\n            >\n              {Number.isInteger(maxFileSize) &&\n                `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n              {labels?.acceptedFiles && labels.acceptedFiles}\n              {!labels?.acceptedFiles &&\n                acceptedFiles.length > 0 &&\n                `\\u00A0(${acceptedFiles.join(\", \")})`}\n            </StyledInfoMessage>\n          </StyledDropZoneLabelsGroup>\n        )}\n        <StyledDropZoneContainer\n          id={setId(id, \"button\")}\n          className={clsx(\n            classes?.dropZoneContainer,\n            dropZoneClasses.dropZoneContainer,\n            dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n            disabled &&\n              clsx(\n                classes?.dropZoneContainerDisabled,\n                dropZoneClasses.dropZoneContainerDisabled\n              )\n          )}\n          $drag={dragState}\n          $disabled={disabled}\n          role=\"button\"\n          tabIndex={0}\n          onDragEnter={(event) => {\n            if (!disabled) {\n              enterDropArea();\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onDragLeave={leaveDropArea}\n          onDropCapture={leaveDropArea}\n          onDragOver={(event) => {\n            if (!disabled) {\n              enterDropArea();\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onDrop={(event) => {\n            if (!disabled) {\n              const { files } = event.dataTransfer;\n              if (multiple === true || files.length === 1) {\n                event.stopPropagation();\n                event.preventDefault();\n                onChangeHandler(files);\n              }\n            }\n          }}\n          onKeyDown={(e) => {\n            if (isKeypress(e, keyboardCodes.Enter) || isKeypress(e, 32)) {\n              inputRef.current?.click();\n            }\n          }}\n        >\n          <StyledInput\n            id={setId(id, \"input-file\")}\n            tabIndex={-1}\n            className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n            type=\"file\"\n            multiple={multiple}\n            disabled={disabled}\n            title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n            onClick={() => {\n              if (inputRef.current) {\n                inputRef.current.value = \"\";\n              }\n            }}\n            onChange={() => {\n              if (!disabled && inputRef.current?.files) {\n                onChangeHandler(inputRef.current.files);\n              }\n            }}\n            ref={inputRef}\n            accept={acceptedFiles.join(\",\")}\n            {...inputProps}\n          />\n          <StyledDropArea\n            className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n          >\n            {dragState ? (\n              <StyledDropAreaLabel\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.dropFiles}\n                </StyledDragText>\n              </StyledDropAreaLabel>\n            ) : (\n              <>\n                <StyledDropAreaIcon\n                  iconSize=\"M\"\n                  className={clsx(\n                    classes?.dropZoneAreaIcon,\n                    dropZoneClasses.dropZoneAreaIcon\n                  )}\n                  color={disabled ? \"atmo5\" : \"acce1\"}\n                />\n                <StyledDropAreaLabels\n                  className={clsx(\n                    classes?.dropZoneAreaLabels,\n                    dropZoneClasses.dropZoneAreaLabels\n                  )}\n                >\n                  <StyledDragText\n                    className={clsx(\n                      classes?.dragText,\n                      dropZoneClasses.dragText\n                    )}\n                  >\n                    {labels?.drag}\n                    <StyledSelectedFilesText\n                      className={clsx(\n                        classes?.selectFilesText,\n                        dropZoneClasses.selectFilesText\n                      )}\n                    >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                  </StyledDragText>\n                </StyledDropAreaLabels>\n              </>\n            )}\n          </StyledDropArea>\n        </StyledDropZoneContainer>\n      </>\n    );\n  }\n);\n"],"names":["HvDropZone","withId","id","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","jsxs","Fragment","StyledDropZoneLabelsGroup","clsx","dropZoneLabelsGroup","dropZoneClasses","jsx","StyledLabel","setId","dropzone","dropZoneLabel","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","isKeypress","keyboardCodes","Enter","current","click","StyledInput","inputArea","drag","selectFiles","value","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","dropZoneAreaIcon","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}

package/dist/cjs/components/FileUploader/File/File.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const clsx = require("clsx");
 const fileClasses = require("./fileClasses.cjs");
 const utils = require("../utils.cjs");
 const File_styles = require("./File.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const setId = require("../../../utils/setId.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -13,35 +13,22 @@ const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const getStatusIcon = (classes, status) => {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledSuccess, {
-        className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon),
-        color: "sema1"
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledSuccess, { className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon), color: "sema1" });
     case "fail":
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledFail, {
-        className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon),
-        color: "sema4"
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledFail, { className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon), color: "sema4" });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledEmptyIcon, {
-        className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon)
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledEmptyIcon, { className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon) });
   }
 };
 const getProgressText = (data, classes) => {
   const hasFailed = data.status === "fail";
   const inProgress = data.status === "progress";
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [data.progress || data.size || data.errorMessage ? `\xA0|\xA0` : null, inProgress && data.progress != null && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      variant: "label",
-      children: `${utils.convertUnits(data.progress)}\xA0/\xA0`
-    }), !hasFailed && data.size && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      children: `${utils.convertUnits(data.size)}`
-    }), hasFailed && data.errorMessage && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledErrorMessage, {
-      className: clsx__default.default(classes == null ? void 0 : classes.fail, fileClasses.default.fail),
-      children: data.errorMessage
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    data.progress || data.size || data.errorMessage ? `\xA0|\xA0` : null,
+    inProgress && data.progress != null && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", children: `${utils.convertUnits(data.progress)}\xA0/\xA0` }),
+    !hasFailed && data.size && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: `${utils.convertUnits(data.size)}` }),
+    hasFailed && data.errorMessage && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledErrorMessage, { className: clsx__default.default(classes == null ? void 0 : classes.fail, fileClasses.default.fail), children: data.errorMessage })
+  ] });
 };
 const getProgressBarWith = ({
   size,
@@ -62,40 +49,17 @@ const HvFile = ({
   const progressText = getProgressText(data, classes);
   const statusIcon = getStatusIcon(classes, data.status);
   const currentProgress = getProgressBarWith(data);
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", {
-    className: clsx__default.default(classes == null ? void 0 : classes.root, fileClasses.default.root),
-    children: [!hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBarBack, {
-      className: clsx__default.default(classes == null ? void 0 : classes.progressbarBack, fileClasses.default.progressbarBack)
-    }), !hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBar, {
-      className: clsx__default.default(classes == null ? void 0 : classes.progressbar, fileClasses.default.progressbar),
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": currentProgress,
-      style: {
-        width: `${currentProgress}%`
-      }
-    }), statusIcon, /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledNameText, {
-      className: clsx__default.default(classes == null ? void 0 : classes.nameText, fileClasses.default.nameText),
-      variant: "label",
-      children: data.name
-    }), /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressTextContainer, {
-      className: clsx__default.default(classes == null ? void 0 : classes.progressTextContainer, fileClasses.default.progressTextContainer),
-      children: progressText
-    }), data.preview && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledPreviewContainer, {
-      className: clsx__default.default(classes == null ? void 0 : classes.previewContainer, fileClasses.default.previewContainer),
-      children: data.preview
-    }), /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledIconButton, {
-      id: setId.setId(id, "remove-button"),
-      "aria-label": removeFileButtonLabel,
-      className: clsx__default.default(classes == null ? void 0 : classes.removeButton, fileClasses.default.removeButton),
-      onClick: () => onFileRemoved == null ? void 0 : onFileRemoved(data),
-      variant: "secondaryGhost",
-      icon: true,
-      children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {
-        iconSize: "XS"
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: clsx__default.default(classes == null ? void 0 : classes.root, fileClasses.default.root), children: [
+    !hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBarBack, { className: clsx__default.default(classes == null ? void 0 : classes.progressbarBack, fileClasses.default.progressbarBack) }),
+    !hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBar, { className: clsx__default.default(classes == null ? void 0 : classes.progressbar, fileClasses.default.progressbar), "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": currentProgress, style: {
+      width: `${currentProgress}%`
+    } }),
+    statusIcon,
+    /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledNameText, { className: clsx__default.default(classes == null ? void 0 : classes.nameText, fileClasses.default.nameText), variant: "label", children: data.name }),
+    /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressTextContainer, { className: clsx__default.default(classes == null ? void 0 : classes.progressTextContainer, fileClasses.default.progressTextContainer), children: progressText }),
+    data.preview && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledPreviewContainer, { className: clsx__default.default(classes == null ? void 0 : classes.previewContainer, fileClasses.default.previewContainer), children: data.preview }),
+    /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledIconButton, { id: setId.setId(id, "remove-button"), "aria-label": removeFileButtonLabel, className: clsx__default.default(classes == null ? void 0 : classes.removeButton, fileClasses.default.removeButton), onClick: () => onFileRemoved == null ? void 0 : onFileRemoved(data), variant: "secondaryGhost", icon: true, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, { iconSize: "XS" }) })
+  ] });
 };
 exports.HvFile = HvFile;
 //# sourceMappingURL=File.cjs.map