@hitachivantara/uikit-react-core 5.22.1 → 5.24.0

package/dist/esm/components/FileUploader/File/File.styles.js

@@ -1,154 +1,72 @@
-import _styled from "@emotion/styled/base";
-import { Success, Fail } from "@hitachivantara/uikit-react-icons";
+import { createClasses } from "../../../utils/classes.js";
 import { theme } from "@hitachivantara/uikit-styles";
-import { forwardRef } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvButton } from "../../Button/Button.js";
-import { HvTypography } from "../../Typography/Typography.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const iconStyles = {
-  width: 32,
-  height: 32,
-  margin: `0px ${theme.space.xs}`
-};
-const StyledSuccess = /* @__PURE__ */ _styled(Success, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb9"
-} : {
-  target: "e6pb7kb9",
-  label: "StyledSuccess"
-})({
-  ...iconStyles
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledFail = /* @__PURE__ */ _styled(Fail, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb8"
-} : {
-  target: "e6pb7kb8",
-  label: "StyledFail"
-})({
-  ...iconStyles
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledEmptyIcon = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb7"
-} : {
-  target: "e6pb7kb7",
-  label: "StyledEmptyIcon"
-})({
-  ...iconStyles
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledErrorMessage = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb6"
-} : {
-  target: "e6pb7kb6",
-  label: "StyledErrorMessage"
-})({
-  color: theme.colors.negative
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledProgressBarBack = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb5"
-} : {
-  target: "e6pb7kb5",
-  label: "StyledProgressBarBack"
-})({
-  position: "absolute",
-  top: "-1px",
-  width: "100%",
-  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledProgressBar = /* @__PURE__ */ _styled("progress", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb4"
-} : {
-  target: "e6pb7kb4",
-  label: "StyledProgressBar"
-})({
-  position: "absolute",
-  top: "-1px",
-  width: "80%",
-  height: theme.fileUploader.file.progressHeight,
-  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,
-  "&::-moz-progress-bar": {
-    background: theme.colors.secondary
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledNameText = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb3"
-} : {
-  target: "e6pb7kb3",
-  label: "StyledNameText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1h52dri",
-  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
-} : {
-  name: "1h52dri",
-  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledProgressTextContainer = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb2"
-} : {
-  target: "e6pb7kb2",
-  label: "StyledProgressTextContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "2drb2k",
-  styles: "display:flex;flex-grow:1;align-items:center"
-} : {
-  name: "2drb2k",
-  styles: "display:flex;flex-grow:1;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEMkMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledPreviewContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb1"
-} : {
-  target: "e6pb7kb1",
-  label: "StyledPreviewContainer"
-})({
-  display: "flex",
-  margin: `0px ${theme.space.xs}`,
-  width: theme.fileUploader.file.previewContainerSize,
-  height: theme.fileUploader.file.previewContainerSize,
-  justifyContent: "center",
-  alignItems: "center",
-  "& span": {
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvFile", {
+  root: {},
+  progressbar: {
+    position: "absolute",
+    top: "-1px",
+    width: "80%",
+    height: theme.fileUploader.file.progressHeight,
+    border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,
+    "&::-moz-progress-bar": {
+      background: theme.colors.secondary
+    }
+  },
+  progressbarBack: {
+    position: "absolute",
+    top: "-1px",
+    width: "100%",
+    border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`
+  },
+  nameText: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  progressTextContainer: {
     display: "flex",
+    flexGrow: 1,
+    alignItems: "center"
+  },
+  removeButton: {
+    width: 32,
+    height: 32,
+    margin: `0px ${theme.space.xs}`
+  },
+  previewContainer: {
+    display: "flex",
+    margin: `0px ${theme.space.xs}`,
+    width: theme.fileUploader.file.previewContainerSize,
+    height: theme.fileUploader.file.previewContainerSize,
     justifyContent: "center",
     alignItems: "center",
-    width: "100%",
-    height: "100%"
+    "& span": {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: "100%",
+      height: "100%"
+    },
+    "& img": {
+      width: theme.fileUploader.file.imageSize,
+      height: theme.fileUploader.file.imageSize,
+      objectFit: "cover",
+      objectPosition: "center",
+      alignSelf: "center"
+    }
+  },
+  icon: {
+    width: 32,
+    height: 32,
+    margin: `0px ${theme.space.xs}`
   },
-  "& img": {
-    width: theme.fileUploader.file.imageSize,
-    height: theme.fileUploader.file.imageSize,
-    objectFit: "cover",
-    objectPosition: "center",
-    alignSelf: "center"
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFc0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledIconButton = /* @__PURE__ */ _styled(forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(HvButton, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb0"
-} : {
-  target: "e6pb7kb0",
-  label: "StyledIconButton"
-})({
-  margin: `0px ${theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
+  fail: {}
+});
 export {
-  StyledEmptyIcon,
-  StyledErrorMessage,
-  StyledFail,
-  StyledIconButton,
-  StyledNameText,
-  StyledPreviewContainer,
-  StyledProgressBar,
-  StyledProgressBarBack,
-  StyledProgressTextContainer,
-  StyledSuccess
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=File.styles.js.map

package/dist/esm/components/FileUploader/File/File.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { Fail, Success } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { forwardRef } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { PolymorphicRef } from \"@core/types/generic\";\n\nconst iconStyles = {\n  width: 32,\n  height: 32,\n  margin: `0px ${theme.space.xs}`,\n};\n\nexport const StyledSuccess = styled(Success)({\n  ...iconStyles,\n});\n\nexport const StyledFail = styled(Fail)({\n  ...iconStyles,\n});\n\nexport const StyledEmptyIcon = styled(\"div\")({\n  ...iconStyles,\n});\n\nexport const StyledErrorMessage = styled(HvTypography)({\n  color: theme.colors.negative,\n});\n\nexport const StyledProgressBarBack = styled(\"span\")({\n  position: \"absolute\",\n  top: \"-1px\",\n  width: \"100%\",\n  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`,\n});\n\nexport const StyledProgressBar = styled(\"progress\")({\n  position: \"absolute\",\n  top: \"-1px\",\n  width: \"80%\",\n  height: theme.fileUploader.file.progressHeight,\n  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,\n\n  \"&::-moz-progress-bar\": {\n    background: theme.colors.secondary,\n  },\n});\n\nexport const StyledNameText = styled(HvTypography)({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nexport const StyledProgressTextContainer = styled(\"span\")({\n  display: \"flex\",\n  flexGrow: 1,\n  alignItems: \"center\",\n});\n\nexport const StyledPreviewContainer = styled(\"div\")({\n  display: \"flex\",\n  margin: `0px ${theme.space.xs}`,\n  width: theme.fileUploader.file.previewContainerSize,\n  height: theme.fileUploader.file.previewContainerSize,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n\n  \"& span\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n\n  \"& img\": {\n    width: theme.fileUploader.file.imageSize,\n    height: theme.fileUploader.file.imageSize,\n    objectFit: \"cover\",\n    objectPosition: \"center\",\n    alignSelf: \"center\",\n  },\n});\n\nexport const StyledIconButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  margin: `0px ${theme.space.xs}`,\n});\n"],"names":["iconStyles","width","height","margin","theme","space","xs","StyledSuccess","Success","process","env","NODE_ENV","target","label","StyledFail","Fail","StyledEmptyIcon","StyledErrorMessage","HvTypography","color","colors","negative","StyledProgressBarBack","position","top","border","fileUploader","file","borderWidth","atmo4","StyledProgressBar","progressHeight","secondary","background","StyledNameText","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledProgressTextContainer","StyledPreviewContainer","display","previewContainerSize","justifyContent","alignItems","imageSize","objectFit","objectPosition","alignSelf","StyledIconButton","_styled","forwardRef","props","ref","HvButton"],"mappings":";;;;;;;;;;AAWA,MAAMA,aAAa;AAAA,EACjBC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAS,OAAMC,MAAMC,MAAMC;AAC7B;AAEO,MAAMC,gBAAuBC,wBAAAA,SAAOC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3C,GAAGb;AACL,GAACS,QAAAC,IAAAC,aAAC,eAAA,KAAA,iwHAAA;AAEK,MAAMG,aAAoBC,wBAAAA,MAAIN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrC,GAAGb;AACL,GAACS,QAAAC,IAAAC,aAAC,eAAA,KAAA,iwHAAA;AAEK,MAAMK,kBAAyB,wBAAA,OAAKP,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3C,GAAGb;AACL,GAACS,QAAAC,IAAAC,aAAC,eAAA,KAAA,iwHAAA;AAEK,MAAMM,qBAA4BC,wBAAAA,cAAYT,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDM,OAAOf,MAAMgB,OAAOC;AACtB,GAACZ,QAAAC,IAAAC,aAAC,eAAA,KAAA,iwHAAA;AAEK,MAAMW,wBAA+B,wBAAA,QAAMb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAClDU,UAAU;AAAA,EACVC,KAAK;AAAA,EACLvB,OAAO;AAAA,EACPwB,QAAS,GAAErB,MAAMsB,aAAaC,KAAKC,qBAAqBxB,MAAMgB,OAAOS;AACvE,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,iwHAAA;AAEK,MAAMmB,oBAA2B,wBAAA,YAAUrB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAClDU,UAAU;AAAA,EACVC,KAAK;AAAA,EACLvB,OAAO;AAAA,EACPC,QAAQE,MAAMsB,aAAaC,KAAKI;AAAAA,EAChCN,QAAS,GAAErB,MAAMsB,aAAaC,KAAKC,qBAAqBxB,MAAMgB,OAAOY;AAAAA,EAErE,wBAAwB;AAAA,IACtBC,YAAY7B,MAAMgB,OAAOY;AAAAA,EAC3B;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,iwHAAA;AAEK,MAAMuB,iBAAwBhB,wBAAAA,cAAYT,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAwB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIjD;AAEM,MAAMC,8BAAqC,wBAAA,QAAM/B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAwB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIxD;AAEM,MAAME,yBAAgC,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAClD6B,SAAS;AAAA,EACTvC,QAAS,OAAMC,MAAMC,MAAMC;AAAAA,EAC3BL,OAAOG,MAAMsB,aAAaC,KAAKgB;AAAAA,EAC/BzC,QAAQE,MAAMsB,aAAaC,KAAKgB;AAAAA,EAChCC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EAEZ,UAAU;AAAA,IACRH,SAAS;AAAA,IACTE,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZ5C,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AAAA,EAEA,SAAS;AAAA,IACPD,OAAOG,MAAMsB,aAAaC,KAAKmB;AAAAA,IAC/B5C,QAAQE,MAAMsB,aAAaC,KAAKmB;AAAAA,IAChCC,WAAW;AAAA,IACXC,gBAAgB;AAAA,IAChBC,WAAW;AAAA,EACb;AACF,GAACxC,QAAAC,IAAAC,aAAC,eAAA,KAAA,iwHAAA;AAEK,MAAMuC,mBAAmBC,wBAC9BC,WAAW,CAACC,OAAsBC,QAAmC;AACnE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AACzC,CAAC,GAAC7C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACJ,EAAE;AAAA,EACAV,QAAS,OAAMC,MAAMC,MAAMC;AAC7B,GAACG,QAAAC,IAAAC,aAAC,eAAA,KAAA,iwHAAA;"}
+{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFile\", {\n  root: {},\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: theme.fileUploader.file.progressHeight,\n    border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,\n\n    \"&::-moz-progress-bar\": {\n      background: theme.colors.secondary,\n    },\n  },\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`,\n  },\n  nameText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  removeButton: {\n    width: 32,\n    height: 32,\n    margin: `0px ${theme.space.xs}`,\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: `0px ${theme.space.xs}`,\n    width: theme.fileUploader.file.previewContainerSize,\n    height: theme.fileUploader.file.previewContainerSize,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& span\": {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      width: \"100%\",\n      height: \"100%\",\n    },\n\n    \"& img\": {\n      width: theme.fileUploader.file.imageSize,\n      height: theme.fileUploader.file.imageSize,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n      alignSelf: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: `0px ${theme.space.xs}`,\n  },\n  fail: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","progressbar","position","top","width","height","theme","fileUploader","file","progressHeight","border","borderWidth","colors","secondary","background","progressbarBack","atmo4","nameText","overflow","textOverflow","whiteSpace","progressTextContainer","display","flexGrow","alignItems","removeButton","margin","space","xs","previewContainer","previewContainerSize","justifyContent","imageSize","objectFit","objectPosition","alignSelf","icon","fail"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQC,MAAMC,aAAaC,KAAKC;AAAAA,IAChCC,QAAS,GAAEJ,MAAMC,aAAaC,KAAKG,qBAAqBL,MAAMM,OAAOC;AAAAA,IAErE,wBAAwB;AAAA,MACtBC,YAAYR,MAAMM,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,iBAAiB;AAAA,IACfb,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPM,QAAS,GAAEJ,MAAMC,aAAaC,KAAKG,qBAAqBL,MAAMM,OAAOI;AAAAA,EACvE;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,cAAc;AAAA,IACZrB,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRqB,QAAS,OAAMpB,MAAMqB,MAAMC;AAAAA,EAC7B;AAAA,EACAC,kBAAkB;AAAA,IAChBP,SAAS;AAAA,IACTI,QAAS,OAAMpB,MAAMqB,MAAMC;AAAAA,IAC3BxB,OAAOE,MAAMC,aAAaC,KAAKsB;AAAAA,IAC/BzB,QAAQC,MAAMC,aAAaC,KAAKsB;AAAAA,IAChCC,gBAAgB;AAAA,IAChBP,YAAY;AAAA,IAEZ,UAAU;AAAA,MACRF,SAAS;AAAA,MACTS,gBAAgB;AAAA,MAChBP,YAAY;AAAA,MACZpB,OAAO;AAAA,MACPC,QAAQ;AAAA,IACV;AAAA,IAEA,SAAS;AAAA,MACPD,OAAOE,MAAMC,aAAaC,KAAKwB;AAAAA,MAC/B3B,QAAQC,MAAMC,aAAaC,KAAKwB;AAAAA,MAChCC,WAAW;AAAA,MACXC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJhC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRqB,QAAS,OAAMpB,MAAMqB,MAAMC;AAAAA,EAC7B;AAAA,EACAS,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/components/FileUploader/FileList/FileList.js

@@ -1,27 +1,29 @@
-import { clsx } from "clsx";
 import { useUniqueId } from "../../../hooks/useUniqueId.js";
 import { setId } from "../../../utils/setId.js";
-import fileListClasses from "./fileListClasses.js";
-import { StyledList } from "./FileList.styles.js";
+import { useClasses } from "./FileList.styles.js";
+import { staticClasses } from "./FileList.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { HvFile } from "../File/File.js";
 const HvFileList = ({
   id,
-  classes,
+  classes: classesProp,
   list = [],
   removeFileButtonLabel,
   onFileRemoved
 }) => {
+  const {
+    classes
+  } = useClasses(classesProp);
   const elementId = useUniqueId(id, "hvfilelist");
   const hasFiles = list.length > 0;
   if (!hasFiles)
     return null;
-  return /* @__PURE__ */ jsx(StyledList, {
+  return /* @__PURE__ */ jsx("ul", {
     id: setId(id, "list"),
-    className: clsx(classes == null ? void 0 : classes.list, fileListClasses.list),
+    className: classes.list,
     children: list.map((data) => /* @__PURE__ */ jsx(HvFile, {
       classes: {
-        root: clsx(classes == null ? void 0 : classes.listItem, fileListClasses.listItem)
+        root: classes == null ? void 0 : classes.listItem
       },
       id: setId(elementId, "values"),
       data,
@@ -31,6 +33,7 @@ const HvFileList = ({
   });
 };
 export {
-  HvFileList
+  HvFileList,
+  staticClasses as fileListClasses
 };
 //# sourceMappingURL=FileList.js.map

package/dist/esm/components/FileUploader/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport fileListClasses, { HvFileListClasses } from \"./fileListClasses\";\nimport { StyledList } from \"./FileList.styles\";\n\nexport interface HvFileListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: HvFileData[];\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n}\n\nexport const HvFileList = ({\n  id,\n  classes,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <StyledList\n      id={setId(id, \"list\")}\n      className={clsx(classes?.list, fileListClasses.list)}\n    >\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: clsx(classes?.listItem, fileListClasses.listItem) }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </StyledList>\n  );\n};\n"],"names":["HvFileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","StyledList","setId","className","clsx","fileListClasses","children","map","data","HvFile","root","listItem"],"mappings":";;;;;;;AAgCO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACfC,QAAAA,YAAYC,YAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,6BACGE,YAAU;AAAA,IACTT,IAAIU,MAAMV,IAAI,MAAM;AAAA,IACpBW,WAAWC,KAAKX,mCAASC,MAAMW,gBAAgBX,IAAI;AAAA,IAAEY,UAEpDZ,KAAKa,IAAKC,CAAAA,6BACRC,QAAM;AAAA,MAELhB,SAAS;AAAA,QAAEiB,MAAMN,KAAKX,mCAASkB,UAAUN,gBAAgBM,QAAQ;AAAA,MAAE;AAAA,MACnEnB,IAAIU,MAAML,WAAW,QAAQ;AAAA,MAC7BW;AAAAA,MACAZ;AAAAA,MACAD;AAAAA,IAAAA,GALKa,KAAKhB,EAMX,CACF;AAAA,EAAA,CACS;AAEhB;"}
+{"version":3,"file":"FileList.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport { staticClasses, useClasses } from \"./FileList.styles\";\n\nexport { staticClasses as fileListClasses };\n\nexport type HvFileListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: HvFileData[];\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n}\n\nexport const HvFileList = ({\n  id,\n  classes: classesProp,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={setId(id, \"list\")} className={classes.list}>\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: classes?.listItem }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n"],"names":["HvFileList","id","classes","classesProp","list","removeFileButtonLabel","onFileRemoved","useClasses","elementId","useUniqueId","hasFiles","length","setId","className","children","map","data","HvFile","root","listItem"],"mappings":";;;;;;AAkCO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC,SAASC;AAAAA,EACTC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACf,QAAA;AAAA,IAAEJ;AAAAA,EAAAA,IAAYK,WAAWJ,WAAW;AAEpCK,QAAAA,YAAYC,YAAYR,IAAI,YAAY;AAExCS,QAAAA,WAAWN,KAAKO,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,6BACE,MAAA;AAAA,IAAIT,IAAIW,MAAMX,IAAI,MAAM;AAAA,IAAGY,WAAWX,QAAQE;AAAAA,IAAKU,UAChDV,KAAKW,IAAKC,CAAAA,6BACRC,QAAM;AAAA,MAELf,SAAS;AAAA,QAAEgB,MAAMhB,mCAASiB;AAAAA,MAAS;AAAA,MACnClB,IAAIW,MAAMJ,WAAW,QAAQ;AAAA,MAC7BQ;AAAAA,MACAV;AAAAA,MACAD;AAAAA,IAAAA,GALKW,KAAKf,EAMX,CACF;AAAA,EAAA,CACC;AAER;"}

package/dist/esm/components/FileUploader/FileList/FileList.styles.js

@@ -1,20 +1,19 @@
-import _styled from "@emotion/styled/base";
+import { createClasses } from "../../../utils/classes.js";
 import { theme } from "@hitachivantara/uikit-styles";
-import fileListClasses from "./fileListClasses.js";
-const StyledList = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
-  target: "e1u4sq610"
-} : {
-  target: "e1u4sq610",
-  label: "StyledList"
-})({
-  display: "flex",
-  flexDirection: "column",
-  gap: theme.space.xs,
-  margin: 0,
-  padding: 0,
-  marginTop: theme.space.sm,
-  listStyle: "none",
-  [`& .${fileListClasses.listItem}`]: {
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvFileList", {
+  list: {
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.space.xs,
+    margin: 0,
+    padding: 0,
+    marginTop: theme.space.sm,
+    listStyle: "none"
+  },
+  listItem: {
     position: "relative",
     display: "flex",
     alignItems: "center",
@@ -23,8 +22,9 @@ const StyledList = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "produ
     border: theme.fileUploader.fileList.itemBorder,
     borderRadius: theme.fileUploader.fileList.itemBorderRadius
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGVMaXN0L0ZpbGVMaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGVMaXN0L0ZpbGVMaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmaWxlTGlzdENsYXNzZXMgZnJvbSBcIi4vZmlsZUxpc3RDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFwidWxcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgZ2FwOiB0aGVtZS5zcGFjZS54cyxcbiAgbWFyZ2luOiAwLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuXG4gIFtgJiAuJHtmaWxlTGlzdENsYXNzZXMubGlzdEl0ZW19YF06IHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAwcHhgLFxuICAgIGJvcmRlcjogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGVMaXN0Lml0ZW1Cb3JkZXIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZUxpc3QuaXRlbUJvcmRlclJhZGl1cyxcbiAgfSxcbn0pO1xuIl19 */");
+});
 export {
-  StyledList
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=FileList.styles.js.map

package/dist/esm/components/FileUploader/FileList/FileList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.styles.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fileListClasses from \"./fileListClasses\";\n\nexport const StyledList = styled(\"ul\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: theme.space.xs,\n  margin: 0,\n  padding: 0,\n  marginTop: theme.space.sm,\n  listStyle: \"none\",\n\n  [`& .${fileListClasses.listItem}`]: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.colors.atmo1,\n    padding: `${theme.space.xs} 0px`,\n    border: theme.fileUploader.fileList.itemBorder,\n    borderRadius: theme.fileUploader.fileList.itemBorderRadius,\n  },\n});\n"],"names":["StyledList","process","env","NODE_ENV","target","label","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","fileListClasses","listItem","position","alignItems","background","colors","atmo1","border","fileUploader","fileList","itemBorder","borderRadius","itemBorderRadius"],"mappings":";;;AAIO,MAAMA,aAAoB,wBAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrCC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,KAAKC,MAAMC,MAAMC;AAAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,WAAWL,MAAMC,MAAMK;AAAAA,EACvBC,WAAW;AAAA,EAEX,CAAE,MAAKC,gBAAgBC,UAAU,GAAG;AAAA,IAClCC,UAAU;AAAA,IACVb,SAAS;AAAA,IACTc,YAAY;AAAA,IACZC,YAAYZ,MAAMa,OAAOC;AAAAA,IACzBV,SAAU,GAAEJ,MAAMC,MAAMC;AAAAA,IACxBa,QAAQf,MAAMgB,aAAaC,SAASC;AAAAA,IACpCC,cAAcnB,MAAMgB,aAAaC,SAASG;AAAAA,EAC5C;AACF,GAAC5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4CAAA;"}
+{"version":3,"file":"FileList.styles.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFileList\", {\n  list: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space.xs,\n    margin: 0,\n    padding: 0,\n    marginTop: theme.space.sm,\n    listStyle: \"none\",\n  },\n  listItem: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.colors.atmo1,\n    padding: `${theme.space.xs} 0px`,\n    border: theme.fileUploader.fileList.itemBorder,\n    borderRadius: theme.fileUploader.fileList.itemBorderRadius,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","list","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","listItem","position","alignItems","background","colors","atmo1","border","fileUploader","fileList","itemBorder","borderRadius","itemBorderRadius"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,MAAMC,MAAMC;AAAAA,IACxBY,QAAQd,MAAMe,aAAaC,SAASC;AAAAA,IACpCC,cAAclB,MAAMe,aAAaC,SAASG;AAAAA,EAC5C;AACF,CAAC;"}

package/dist/esm/components/FileUploader/FileUploader.js

@@ -1,5 +1,6 @@
 import { useLabels } from "../../hooks/useLabels.js";
 import { setId } from "../../utils/setId.js";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvDropZone } from "./DropZone/DropZone.js";
 import { HvFileList } from "./FileList/FileList.js";
@@ -13,21 +14,22 @@ const DEFAULT_LABELS = {
   fileTypeError: "File type not allowed for upload",
   removeFileButtonLabel: "Remove File"
 };
-const HvFileUploader = ({
-  id,
-  className,
-  labels: labelsProp,
-  fileList,
-  multiple = true,
-  disabled = false,
-  hideLabels = false,
-  maxFileSize = Infinity,
-  inputProps = {},
-  acceptedFiles = [],
-  onFilesAdded,
-  onFileRemoved,
-  ...others
-}) => {
+const HvFileUploader = (props) => {
+  const {
+    id,
+    className,
+    labels: labelsProp,
+    fileList,
+    multiple = true,
+    disabled = false,
+    hideLabels = false,
+    maxFileSize = Infinity,
+    inputProps = {},
+    acceptedFiles = [],
+    onFilesAdded,
+    onFileRemoved,
+    ...others
+  } = useDefaultProps("HvFileUploader", props);
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
   return /* @__PURE__ */ jsxs("div", {
     id,

package/dist/esm/components/FileUploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { useLabels } from \"@core/hooks/useLabels\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { HvDropZone, HvDropZoneLabels } from \"./DropZone\";\nimport { HvFileData, HvFileRemovedEvent, HvFilesAddedEvent } from \"./File\";\nimport { HvFileList } from \"./FileList\";\n\nexport interface HvFileUploaderLabels extends HvDropZoneLabels {\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n}\n\nexport interface HvFileUploaderProps extends HvBaseProps {\n  /**\n   * An object containing all the labels.\n   */\n  labels?: HvFileUploaderLabels;\n  /**\n   * The files to upload.\n   */\n  fileList?: HvFileData[];\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   * Max upload size\n   * */\n  maxFileSize?: number;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles?: string[];\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\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\n// TODO: This component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS: HvFileUploaderLabels = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nexport const HvFileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  hideLabels = false,\n  maxFileSize = Infinity,\n  inputProps = {},\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n  ...others\n}: HvFileUploaderProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <HvDropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <HvFileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels?.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","HvFileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","hideLabels","maxFileSize","Infinity","inputProps","acceptedFiles","onFilesAdded","onFileRemoved","others","useLabels","children","_jsx","HvDropZone","setId","HvFileList","list"],"mappings":";;;;;AA4DA,MAAMA,iBAAuC;AAAA,EAC3CC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC,MAAM;AAAA,EACNC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,eAAe;AAAA,EACfC,uBAAuB;AACzB;AAQO,MAAMC,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,cAAcC;AAAAA,EACdC,aAAa,CAAC;AAAA,EACdC,gBAAgB,CAAE;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACnBZ,QAAAA,SAASa,UAAUzB,gBAAgBa,UAAU;AAEnD,8BACE,OAAA;AAAA,IAAKH;AAAAA,IAAQC;AAAAA,IAAqB,GAAKa;AAAAA,IAAME,UAAA,CAC3CC,oBAACC,YAAU;AAAA,MACTlB,IAAImB,MAAMnB,IAAI,UAAU;AAAA,MACxBE;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAK;AAAAA,MACAH;AAAAA,MACAI;AAAAA,MACAF;AAAAA,MACAH;AAAAA,IAAAA,CACD,GACDU,oBAACG,YAAU;AAAA,MACTpB,IAAImB,MAAMnB,IAAI,UAAU;AAAA,MACxBqB,MAAMjB;AAAAA,MACNS;AAAAA,MACAf,uBAAuBI,iCAAQJ;AAAAA,IAAAA,CAChC,CAAC;AAAA,EAAA,CACC;AAET;"}
+{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { useLabels } from \"@core/hooks/useLabels\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvDropZone, HvDropZoneLabels } from \"./DropZone\";\nimport { HvFileData, HvFileRemovedEvent, HvFilesAddedEvent } from \"./File\";\nimport { HvFileList } from \"./FileList\";\n\nexport interface HvFileUploaderLabels extends HvDropZoneLabels {\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n}\n\nexport interface HvFileUploaderProps extends HvBaseProps {\n  /**\n   * An object containing all the labels.\n   */\n  labels?: HvFileUploaderLabels;\n  /**\n   * The files to upload.\n   */\n  fileList?: HvFileData[];\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   * Max upload size\n   * */\n  maxFileSize?: number;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles?: string[];\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\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\n// TODO: This component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS: HvFileUploaderLabels = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nexport const HvFileUploader = (props: HvFileUploaderProps) => {\n  const {\n    id,\n    className,\n    labels: labelsProp,\n    fileList,\n    multiple = true,\n    disabled = false,\n    hideLabels = false,\n    maxFileSize = Infinity,\n    inputProps = {},\n    acceptedFiles = [],\n    onFilesAdded,\n    onFileRemoved,\n    ...others\n  } = useDefaultProps(\"HvFileUploader\", props);\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <HvDropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <HvFileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels?.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","HvFileUploader","props","id","className","labels","labelsProp","fileList","multiple","disabled","hideLabels","maxFileSize","Infinity","inputProps","acceptedFiles","onFilesAdded","onFileRemoved","others","useDefaultProps","useLabels","children","_jsx","HvDropZone","setId","HvFileList","list"],"mappings":";;;;;;AA6DA,MAAMA,iBAAuC;AAAA,EAC3CC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC,MAAM;AAAA,EACNC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,eAAe;AAAA,EACfC,uBAAuB;AACzB;AAQaC,MAAAA,iBAAiBA,CAACC,UAA+B;AACtD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,QAAQC;AAAAA,IACRC;AAAAA,IACAC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,aAAa;AAAA,IACbC,cAAcC;AAAAA,IACdC,aAAa,CAAC;AAAA,IACdC,gBAAgB,CAAE;AAAA,IAClBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,kBAAkBhB,KAAK;AACrCG,QAAAA,SAASc,UAAU3B,gBAAgBc,UAAU;AAEnD,8BACE,OAAA;AAAA,IAAKH;AAAAA,IAAQC;AAAAA,IAAqB,GAAKa;AAAAA,IAAMG,UAAA,CAC3CC,oBAACC,YAAU;AAAA,MACTnB,IAAIoB,MAAMpB,IAAI,UAAU;AAAA,MACxBE;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAK;AAAAA,MACAH;AAAAA,MACAI;AAAAA,MACAF;AAAAA,MACAH;AAAAA,IAAAA,CACD,GACDW,oBAACG,YAAU;AAAA,MACTrB,IAAIoB,MAAMpB,IAAI,UAAU;AAAA,MACxBsB,MAAMlB;AAAAA,MACNS;AAAAA,MACAhB,uBAAuBK,iCAAQL;AAAAA,IAAAA,CAChC,CAAC;AAAA,EAAA,CACC;AAET;"}

package/dist/esm/components/FileUploader/Preview/Preview.js

@@ -1,40 +1,53 @@
-import { clsx } from "clsx";
 import { useEffect } from "react";
-import fileUploaderPreviewClasses from "./previewClasses.js";
-import { StyledButton, StyledOverlay, StyledPreviewIcon } from "./Preview.styles.js";
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { Preview } from "@hitachivantara/uikit-react-icons";
+import { useClasses } from "./Preview.styles.js";
+import { staticClasses } from "./Preview.styles.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { HvButton } from "../../Button/Button.js";
 const HvFileUploaderPreview = ({
   className,
   children,
-  classes,
+  classes: classesProp,
   disableOverlay = false,
   onUnload,
   onClick,
   ...others
 }) => {
+  const {
+    classes,
+    cx,
+    css
+  } = useClasses(classesProp);
   useEffect(() => {
     return () => {
       onUnload == null ? void 0 : onUnload();
     };
   }, [onUnload]);
   if (onClick) {
-    return /* @__PURE__ */ jsxs(StyledButton, {
+    return /* @__PURE__ */ jsxs(HvButton, {
       icon: true,
-      className: clsx(className, classes == null ? void 0 : classes.previewButton, fileUploaderPreviewClasses.previewButton),
+      className: cx(classes.previewButton, className),
       onClick,
-      variant: "secondaryGhost",
       ...others,
-      children: [children, !disableOverlay && /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(StyledOverlay, {
-          className: clsx(classes == null ? void 0 : classes.overlay, fileUploaderPreviewClasses.overlay),
-          "aria-hidden": "true"
-        }), /* @__PURE__ */ jsx(StyledPreviewIcon, {})]
+      children: [children, !disableOverlay && /* @__PURE__ */ jsx("div", {
+        className: classes.overlay,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx(Preview, {
+          className: css({
+            position: "absolute",
+            left: "50%",
+            top: "50%",
+            transform: "translate(-50%, -50%)",
+            display: "none"
+          })
+        })
       })]
     });
   }
   return children;
 };
 export {
-  HvFileUploaderPreview
+  HvFileUploaderPreview,
+  staticClasses as fileUploaderPreviewClasses
 };
 //# sourceMappingURL=Preview.js.map