@hitachivantara/uikit-react-core 5.8.1 → 5.9.1

package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs

@@ -50,7 +50,7 @@ const StyledHeaderContent = /* @__PURE__ */ _styled__default.default("div", proc
   ...$align === "right" && {
     justifyContent: "flex-end"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJ1dHRvbixcbiAgSHZCdXR0b25Qcm9wcyxcbiAgSHZUeXBvZ3JhcGh5LFxuICBIdlR5cG9ncmFwaHlQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdGFibGVIZWFkZXJDbGFzc2VzIGZyb20gXCIuL3RhYmxlSGVhZGVyQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyQ29udGVudCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYWxpZ24gfTogeyAkYWxpZ246IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgW2AuJHt0YWJsZUhlYWRlckNsYXNzZXMucm9vdH0uJHt0YWJsZUhlYWRlckNsYXNzZXMuc29ydGFibGV9YF06IHtcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJ1dHRvbixcbiAgSHZCdXR0b25Qcm9wcyxcbiAgSHZUeXBvZ3JhcGh5LFxuICBIdlR5cG9ncmFwaHlQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIC8vIGFsaWduXG4gIC4uLigkYWxpZ24gPT09IFwiY2VudGVyXCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJqdXN0aWZ5XCIgJiYge1xuICAgIHRleHRBbGlnbjogXCJqdXN0aWZ5XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImxlZnRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJyaWdodFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFBvbHltb3JwaGljUmVmPFwiYnV0dG9uXCI+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZUeXBvZ3JhcGh5UHJvcHMsIHJlZj86IFJlZjxIVE1MRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGhlYWRlclRleHQsXG4gICAgJGhlYWRlclBhcmFncmFwaCxcbiAgICAkc29ydGFibGVIZWFkZXJUZXh0LFxuICB9OiB7XG4gICAgJGhlYWRlclRleHQ6IGJvb2xlYW47XG4gICAgJGhlYWRlclBhcmFncmFwaDogYm9vbGVhbjtcbiAgICAkc29ydGFibGVIZWFkZXJUZXh0OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkaGVhZGVyVGV4dCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIH0pLFxuICAgIC4uLigkaGVhZGVyUGFyYWdyYXBoICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgZGlzcGxheTogXCItd2Via2l0LWJveFwiLFxuICAgICAgLy8gXCItd2Via2l0LWxpbmUtY2xhbXBcIjogMixcbiAgICAgIC8vIFwiLXdlYmtpdC1ib3gtb3JpZW50XCI6IFwidmVydGljYWxcIixcbiAgICB9KSxcbiAgICAuLi4oJHNvcnRhYmxlSGVhZGVyVGV4dCAmJiB7XG4gICAgICBwYWRkaW5nVG9wOiBcIjhweFwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJlc2l6ZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogMTAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHJpZ2h0OiAwLFxuICB0b3A6IDAsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDUwJSlcIixcbiAgekluZGV4OiAxLFxuICB0b3VjaEFjdGlvbjogXCJub25lXCIsXG59KTtcbiJdfQ== */");
 const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
     ...props,
@@ -69,7 +69,7 @@ const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((
       backgroundColor: "red"
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCdXR0b24sXG4gIEh2QnV0dG9uUHJvcHMsXG4gIEh2VHlwb2dyYXBoeSxcbiAgSHZUeXBvZ3JhcGh5UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IFJlZiwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIC8vIGFsaWduXG4gIC4uLigkYWxpZ24gPT09IFwiY2VudGVyXCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJqdXN0aWZ5XCIgJiYge1xuICAgIHRleHRBbGlnbjogXCJqdXN0aWZ5XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImxlZnRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJyaWdodFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmPzogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCdXR0b24sXG4gIEh2QnV0dG9uUHJvcHMsXG4gIEh2VHlwb2dyYXBoeSxcbiAgSHZUeXBvZ3JhcGh5UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IFJlZiwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBQb2x5bW9ycGhpY1JlZjxcImJ1dHRvblwiPikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgW2AuJHt0YWJsZUhlYWRlckNsYXNzZXMucm9vdH0uJHt0YWJsZUhlYWRlckNsYXNzZXMuc29ydGFibGV9YF06IHtcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
 const StyledTypography = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
     ...props,
@@ -98,7 +98,7 @@ const StyledTypography = /* @__PURE__ */ _styled__default.default(React.forwardR
   ...$sortableHeaderText && {
     paddingTop: "8px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCdXR0b24sXG4gIEh2QnV0dG9uUHJvcHMsXG4gIEh2VHlwb2dyYXBoeSxcbiAgSHZUeXBvZ3JhcGh5UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IFJlZiwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIC8vIGFsaWduXG4gIC4uLigkYWxpZ24gPT09IFwiY2VudGVyXCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJqdXN0aWZ5XCIgJiYge1xuICAgIHRleHRBbGlnbjogXCJqdXN0aWZ5XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImxlZnRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJyaWdodFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmPzogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCdXR0b24sXG4gIEh2QnV0dG9uUHJvcHMsXG4gIEh2VHlwb2dyYXBoeSxcbiAgSHZUeXBvZ3JhcGh5UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IFJlZiwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBQb2x5bW9ycGhpY1JlZjxcImJ1dHRvblwiPikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgW2AuJHt0YWJsZUhlYWRlckNsYXNzZXMucm9vdH0uJHt0YWJsZUhlYWRlckNsYXNzZXMuc29ydGFibGV9YF06IHtcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
 const StyledResizer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "etcp1bl0"
 } : {
@@ -110,7 +110,7 @@ const StyledResizer = /* @__PURE__ */ _styled__default.default("div", process.en
 } : {
   name: "w65b5p",
   styles: "display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:1;touch-action:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCdXR0b24sXG4gIEh2QnV0dG9uUHJvcHMsXG4gIEh2VHlwb2dyYXBoeSxcbiAgSHZUeXBvZ3JhcGh5UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IFJlZiwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIC8vIGFsaWduXG4gIC4uLigkYWxpZ24gPT09IFwiY2VudGVyXCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJqdXN0aWZ5XCIgJiYge1xuICAgIHRleHRBbGlnbjogXCJqdXN0aWZ5XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImxlZnRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJyaWdodFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmPzogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCdXR0b24sXG4gIEh2QnV0dG9uUHJvcHMsXG4gIEh2VHlwb2dyYXBoeSxcbiAgSHZUeXBvZ3JhcGh5UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IFJlZiwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBQb2x5bW9ycGhpY1JlZjxcImJ1dHRvblwiPikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgW2AuJHt0YWJsZUhlYWRlckNsYXNzZXMucm9vdH0uJHt0YWJsZUhlYWRlckNsYXNzZXMuc29ydGFibGV9YF06IHtcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.StyledButton = StyledButton;

package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.styles.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvButton,\n  HvButtonProps,\n  HvTypography,\n  HvTypographyProps,\n} from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { Ref, forwardRef } from \"react\";\nimport tableHeaderClasses from \"./tableHeaderClasses\";\n\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  width: \"100%\",\n  // align\n  ...($align === \"center\" && {\n    justifyContent: \"center\",\n  }),\n  ...($align === \"justify\" && {\n    textAlign: \"justify\",\n  }),\n  ...($align === \"left\" && {\n    justifyContent: \"flex-start\",\n  }),\n  ...($align === \"right\" && {\n    justifyContent: \"flex-end\",\n  }),\n}));\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  [`.${tableHeaderClasses.root}.${tableHeaderClasses.sortable}`]: {\n    boxShadow: \"none\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"red\",\n    },\n  },\n});\n\nexport const StyledTypography = styled(\n  forwardRef((props: HvTypographyProps, ref?: Ref<HTMLElement>) => {\n    return <HvTypography {...props} ref={ref} />;\n  }),\n  transientOptions\n)(\n  ({\n    $headerText,\n    $headerParagraph,\n    $sortableHeaderText,\n  }: {\n    $headerText: boolean;\n    $headerParagraph: boolean;\n    $sortableHeaderText: boolean;\n  }) => ({\n    ...($headerText && {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    }),\n    ...($headerParagraph && {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      // \"-webkit-line-clamp\": 2,\n      // \"-webkit-box-orient\": \"vertical\",\n    }),\n    ...($sortableHeaderText && {\n      paddingTop: \"8px\",\n    }),\n  })\n);\n\nexport const StyledResizer = styled(\"div\")({\n  display: \"inline-block\",\n  width: 10,\n  height: \"100%\",\n  position: \"absolute\",\n  right: 0,\n  top: 0,\n  transform: \"translateX(50%)\",\n  zIndex: 1,\n  touchAction: \"none\",\n});\n"],"names":["StyledHeaderContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$align","display","alignItems","width","justifyContent","textAlign","StyledButton","_styled","forwardRef","props","ref","HvButton","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","HvTypography","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","paddingTop","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWaA,MAAAA,+DACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,OAAO;AAAA;AAAA,EAEP,GAAIH,WAAW,YAAY;AAAA,IACzBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,aAAa;AAAA,IAC1BK,WAAW;AAAA,EACb;AAAA,EACA,GAAIL,WAAW,UAAU;AAAA,IACvBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,WAAW;AAAA,IACxBI,gBAAgB;AAAA,EAClB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,y2GAAA;AAEI,MAAMW,eAAeC,iCAAAA,QAC1BC,MAAAA,WAAW,CAACC,OAAsBC,QAAiC;AACjE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACF;AAAA,EACA,CAAE,IAAGa,2BAAmBC,QAAQD,mBAAAA,QAAmBE,UAAU,GAAG;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y2GAAA;AAEK,MAAMsB,mBAAmBV,iCAAAA,QAC9BC,MAAAA,WAAW,CAACC,OAA0BC,QAA2B;AAC/D,wCAAQQ,WAAAA,cAAY;AAAA,IAAA,GAAKT;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC9C,CAAC,GAACjB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACFC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCqB;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACL,GAAIF,eAAe;AAAA,IACjBG,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACA,GAAIH,oBAAoB;AAAA,IACtBE,UAAU;AAAA,IACVrB,SAAS;AAAA;AAAA;AAAA,EAGX;AAAA,EACA,GAAIoB,uBAAuB;AAAA,IACzBG,YAAY;AAAA,EACd;AACF,IAAE/B,QAAAC,IAAAC,aACH,eAAA,KAAA,y2GAAA;AAEM,MAAM8B,gBAAuBlB,iCAAA,QAAA,OAAKd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA+B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUxC;;;;;"}
+{"version":3,"file":"TableHeader.styles.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvButton,\n  HvButtonProps,\n  HvTypography,\n  HvTypographyProps,\n} from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { Ref, forwardRef } from \"react\";\nimport { PolymorphicRef } from \"@core/types\";\nimport tableHeaderClasses from \"./tableHeaderClasses\";\n\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  width: \"100%\",\n  // align\n  ...($align === \"center\" && {\n    justifyContent: \"center\",\n  }),\n  ...($align === \"justify\" && {\n    textAlign: \"justify\",\n  }),\n  ...($align === \"left\" && {\n    justifyContent: \"flex-start\",\n  }),\n  ...($align === \"right\" && {\n    justifyContent: \"flex-end\",\n  }),\n}));\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  [`.${tableHeaderClasses.root}.${tableHeaderClasses.sortable}`]: {\n    boxShadow: \"none\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"red\",\n    },\n  },\n});\n\nexport const StyledTypography = styled(\n  forwardRef((props: HvTypographyProps, ref?: Ref<HTMLElement>) => {\n    return <HvTypography {...props} ref={ref} />;\n  }),\n  transientOptions\n)(\n  ({\n    $headerText,\n    $headerParagraph,\n    $sortableHeaderText,\n  }: {\n    $headerText: boolean;\n    $headerParagraph: boolean;\n    $sortableHeaderText: boolean;\n  }) => ({\n    ...($headerText && {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    }),\n    ...($headerParagraph && {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      // \"-webkit-line-clamp\": 2,\n      // \"-webkit-box-orient\": \"vertical\",\n    }),\n    ...($sortableHeaderText && {\n      paddingTop: \"8px\",\n    }),\n  })\n);\n\nexport const StyledResizer = styled(\"div\")({\n  display: \"inline-block\",\n  width: 10,\n  height: \"100%\",\n  position: \"absolute\",\n  right: 0,\n  top: 0,\n  transform: \"translateX(50%)\",\n  zIndex: 1,\n  touchAction: \"none\",\n});\n"],"names":["StyledHeaderContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$align","display","alignItems","width","justifyContent","textAlign","StyledButton","_styled","forwardRef","props","ref","HvButton","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","HvTypography","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","paddingTop","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYaA,MAAAA,+DACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,OAAO;AAAA;AAAA,EAEP,GAAIH,WAAW,YAAY;AAAA,IACzBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,aAAa;AAAA,IAC1BK,WAAW;AAAA,EACb;AAAA,EACA,GAAIL,WAAW,UAAU;AAAA,IACvBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,WAAW;AAAA,IACxBI,gBAAgB;AAAA,EAClB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7GAAA;AAEI,MAAMW,eAAeC,iCAAAA,QAC1BC,MAAAA,WAAW,CAACC,OAAsBC,QAAmC;AACnE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACF;AAAA,EACA,CAAE,IAAGa,2BAAmBC,QAAQD,mBAAAA,QAAmBE,UAAU,GAAG;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7GAAA;AAEK,MAAMsB,mBAAmBV,iCAAAA,QAC9BC,MAAAA,WAAW,CAACC,OAA0BC,QAA2B;AAC/D,wCAAQQ,WAAAA,cAAY;AAAA,IAAA,GAAKT;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC9C,CAAC,GAACjB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACFC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCqB;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACL,GAAIF,eAAe;AAAA,IACjBG,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACA,GAAIH,oBAAoB;AAAA,IACtBE,UAAU;AAAA,IACVrB,SAAS;AAAA;AAAA;AAAA,EAGX;AAAA,EACA,GAAIoB,uBAAuB;AAAA,IACzBG,YAAY;AAAA,EACd;AACF,IAAE/B,QAAAC,IAAAC,aACH,eAAA,KAAA,i7GAAA;AAEM,MAAM8B,gBAAuBlB,iCAAA,QAAA,OAAKd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA+B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUxC;;;;;"}

package/dist/cjs/components/Table/TableRow/TableRow.cjs

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
-const clsx = require("clsx");
-const material = require("@mui/material");
 const React = require("react");
-const transientOptions = require("../../../utils/transientOptions.cjs");
+const react = require("@emotion/react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const transientOptions = require("../../../utils/transientOptions.cjs");
 const tableRowClasses = require("./tableRowClasses.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
-const utils = require("../utils/utils.cjs");
+const TableRow_styles = require("./TableRow.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const utils = require("../utils/utils.cjs");
+const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
+const theme = require("../../../utils/theme.cjs");
 const useTheme = require("../../../hooks/useTheme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -35,92 +37,25 @@ const StyledTableRow = (c) => /* @__PURE__ */ _styled__default.default(c, proces
   target: "e1cjstvf0",
   label: "StyledTableRow"
 }, transientOptions.transientOptions))(({
-  $hover,
-  $selected,
-  $expanded,
   $striped,
-  $variantList,
-  $variantListHead,
-  $stripedColor,
-  $type
+  $stripedColorEven,
+  $stripedColorOdd
 }) => ({
-  backgroundColor: uikitStyles.theme.table.rowBackgroundColor,
-  color: "inherit",
-  verticalAlign: "middle",
-  outline: 0,
-  minHeight: 32,
-  "tr&": {
-    height: 32
-  },
-  ":hover": {
-    ...$type === "body" && {
-      backgroundColor: uikitStyles.theme.table.rowHoverColor
-    }
-  },
-  ...$hover && {
-    transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-    "&:hover": {
-      backgroundColor: uikitStyles.theme.table.rowHoverColor
-    }
-  },
-  ...$selected && {
-    backgroundColor: uikitStyles.theme.table.selectedRowBackgroundColor
-  },
-  ...$expanded && {
-    "& > *[role=cell]": {
-      borderBottom: "none"
-    },
-    [`&.${tableRowClasses.default.expanded}`]: {
-      backgroundColor: uikitStyles.theme.colors.atmo1
-    }
-  },
   ...$striped && {
     "&:nth-of-type(even)": {
-      backgroundColor: $stripedColor,
+      backgroundColor: $stripedColorEven,
       "&:hover": {
         backgroundColor: uikitStyles.theme.table.rowHoverColor
       }
-    }
-  },
-  // type
-  ...$type === "head" && {
-    backgroundColor: "transparent",
-    "&:first-of-type": {
-      height: 52
-    },
-    "tr&:first-of-type": {
-      height: 52
-    }
-  },
-  ...$variantList && {
-    borderBottom: 0,
-    ...!$selected && {
-      backgroundColor: uikitStyles.theme.colors.atmo1
-    },
-    height: 52,
-    "&:hover": {
-      ...utils.getBorderStyles("row", uikitStyles.theme.table.rowHoverBorderColor)
     },
-    [`&.${tableRowClasses.default.selected}`]: {
-      ...utils.getBorderStyles("row", uikitStyles.theme.colors.secondary),
+    "&:nth-of-type(odd)": {
+      backgroundColor: $stripedColorOdd,
       "&:hover": {
-        ...utils.getBorderStyles("row", uikitStyles.theme.table.rowHoverBorderColor)
+        backgroundColor: uikitStyles.theme.table.rowHoverColor
       }
     }
-  },
-  ...$variantListHead && {
-    height: 16,
-    "&:first-of-type": {
-      height: 16
-    },
-    "tr&:first-of-type": {
-      height: 16
-    }
-  },
-  "&.HvIsFocused": {
-    borderRadius: uikitStyles.theme.table.rowBorderRadius
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBoZXhUb1JnYiwgYWxwaGEgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3NcIjtcbmltcG9ydCB0YWJsZVJvd0NsYXNzZXMsIHsgSHZUYWJsZVJvd0NsYXNzZXMgfSBmcm9tIFwiLi90YWJsZVJvd0NsYXNzZXNcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IGdldEJvcmRlclN0eWxlcyB9IGZyb20gXCIuLi91dGlscy91dGlsc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVSb3dQcm9wc1xuICBleHRlbmRzIEh2QmFzZVByb3BzPEhUTUxUYWJsZVJvd0VsZW1lbnQsIFwiY2hpbGRyZW5cIj4ge1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogVGhlIGNvbXBvbmVudCB1c2VkIGZvciB0aGUgcm9vdCBub2RlLiBFaXRoZXIgYSBzdHJpbmcgdG8gdXNlIGEgSFRNTCBlbGVtZW50IG9yIGEgY29tcG9uZW50LiBEZWZhdWx0cyB0byB0Ym9keS4gKi9cbiAgY29tcG9uZW50PzogUmVhY3QuRWxlbWVudFR5cGU7XG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSByb3cgd2lsbCBzaGFkZSBvbiBob3Zlci4gKi9cbiAgaG92ZXI/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IHdpbGwgaGF2ZSB0aGUgc2VsZWN0ZWQgc2hhZGluZy4gKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IGlzIGV4cGFuZGVkLiAqL1xuICBleHBhbmRlZD86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSByb3cgYmFja2dyb3VuZCBpcyBzdHJpcGVkLiAqL1xuICBzdHJpcGVkPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2VGFibGVSb3dDbGFzc2VzO1xufVxuXG5jb25zdCBkZWZhdWx0Q29tcG9uZW50ID0gXCJ0clwiO1xuXG5jb25zdCBTdHlsZWRUYWJsZVJvdyA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKShcbiAgICAoe1xuICAgICAgJGhvdmVyLFxuICAgICAgJHNlbGVjdGVkLFxuICAgICAgJGV4cGFuZGVkLFxuICAgICAgJHN0cmlwZWQsXG4gICAgICAkdmFyaWFudExpc3QsXG4gICAgICAkdmFyaWFudExpc3RIZWFkLFxuICAgICAgJHN0cmlwZWRDb2xvcixcbiAgICAgICR0eXBlLFxuICAgIH06IHtcbiAgICAgICRob3ZlcjogYm9vbGVhbjtcbiAgICAgICRzZWxlY3RlZDogYm9vbGVhbjtcbiAgICAgICRleHBhbmRlZDogYm9vbGVhbjtcbiAgICAgICRzdHJpcGVkOiBib29sZWFuO1xuICAgICAgJHZhcmlhbnRMaXN0OiBib29sZWFuO1xuICAgICAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgICAgICR0eXBlOiBzdHJpbmc7XG4gICAgICAkc3RyaXBlZENvbG9yOiBzdHJpbmc7XG4gICAgfSkgPT4gKHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUucm93QmFja2dyb3VuZENvbG9yLFxuICAgICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICAgICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgICAgIG91dGxpbmU6IDAsXG4gICAgICBtaW5IZWlnaHQ6IDMyLFxuICAgICAgXCJ0ciZcIjoge1xuICAgICAgICBoZWlnaHQ6IDMyLFxuICAgICAgfSxcblxuICAgICAgXCI6aG92ZXJcIjoge1xuICAgICAgICAuLi4oJHR5cGUgPT09IFwiYm9keVwiICYmIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnJvd0hvdmVyQ29sb3IsXG4gICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIC4uLigkaG92ZXIgJiYge1xuICAgICAgICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnJvd0hvdmVyQ29sb3IsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkc2VsZWN0ZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnNlbGVjdGVkUm93QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgICAuLi4oJGV4cGFuZGVkICYmIHtcbiAgICAgICAgXCImID4gKltyb2xlPWNlbGxdXCI6IHtcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgICBbYCYuJHt0YWJsZVJvd0NsYXNzZXMuZXhwYW5kZWR9YF06IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRzdHJpcGVkICYmIHtcbiAgICAgICAgXCImOm50aC1vZi10eXBlKGV2ZW4pXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRzdHJpcGVkQ29sb3IsXG4gICAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUucm93SG92ZXJDb2xvcixcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC8vIHR5cGVcbiAgICAgIC4uLigkdHlwZSA9PT0gXCJoZWFkXCIgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGhlaWdodDogNTIsXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCJ0ciY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgICAgaGVpZ2h0OiA1MixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJHZhcmlhbnRMaXN0ICYmIHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiAwLFxuICAgICAgICAuLi4oISRzZWxlY3RlZCAmJiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIH0pLFxuICAgICAgICBoZWlnaHQ6IDUyLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIC4uLmdldEJvcmRlclN0eWxlcyhcInJvd1wiLCB0aGVtZS50YWJsZS5yb3dIb3ZlckJvcmRlckNvbG9yKSxcbiAgICAgICAgfSxcbiAgICAgICAgW2AmLiR7dGFibGVSb3dDbGFzc2VzLnNlbGVjdGVkfWBdOiB7XG4gICAgICAgICAgLi4uZ2V0Qm9yZGVyU3R5bGVzKFwicm93XCIsIHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkpLFxuXG4gICAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIC4uLmdldEJvcmRlclN0eWxlcyhcInJvd1wiLCB0aGVtZS50YWJsZS5yb3dIb3ZlckJvcmRlckNvbG9yKSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnRMaXN0SGVhZCAmJiB7XG4gICAgICAgIGhlaWdodDogMTYsXG4gICAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICB9LFxuXG4gICAgICAgIFwidHImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGhlaWdodDogMTYsXG4gICAgICAgIH0sXG4gICAgICB9KSxcblxuICAgICAgXCImLkh2SXNGb2N1c2VkXCI6IHtcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS50YWJsZS5yb3dCb3JkZXJSYWRpdXMsXG4gICAgICB9LFxuICAgIH0pXG4gICk7XG5cbi8qKlxuICogYEh2VGFibGVSb3dgIGFjdHMgYXMgYSBgdHJgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZVJvd1Byb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGNsYXNzZXMsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb21wb25lbnQsXG4gICAgICBob3ZlciA9IGZhbHNlLFxuICAgICAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgICAgIGV4cGFuZGVkID0gZmFsc2UsXG4gICAgICBzdHJpcGVkID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIGV4dGVybmFsUmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCB0eXBlID0gdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IGlzTGlzdCA9IHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UciB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVSb3cgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlUm93KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVSb3dcbiAgICAgICAgcmVmPXtleHRlcm5hbFJlZn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICB0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZSxcbiAgICAgICAgICB0YWJsZVJvd0NsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIHRhYmxlUm93Q2xhc3Nlc1t0eXBlXSxcbiAgICAgICAgICBjbGFzc2VzPy5bdHlwZV0sXG4gICAgICAgICAgaG92ZXIgJiYgY2xzeCh0YWJsZVJvd0NsYXNzZXMuaG92ZXIsIGNsYXNzZXM/LmhvdmVyKSxcbiAgICAgICAgICBzZWxlY3RlZCAmJiBjbHN4KHRhYmxlUm93Q2xhc3Nlcy5zZWxlY3RlZCwgY2xhc3Nlcz8uc2VsZWN0ZWQpLFxuICAgICAgICAgIGV4cGFuZGVkICYmIGNsc3godGFibGVSb3dDbGFzc2VzLmV4cGFuZGVkLCBjbGFzc2VzPy5leHBhbmRlZCksXG4gICAgICAgICAgc3RyaXBlZCAmJiBjbHN4KHRhYmxlUm93Q2xhc3Nlcy5zdHJpcGVkLCBjbGFzc2VzPy5zdHJpcGVkKSxcbiAgICAgICAgICBpc0xpc3QgJiZcbiAgICAgICAgICAgIHR5cGUgPT09IFwiYm9keVwiICYmXG4gICAgICAgICAgICBjbHN4KHRhYmxlUm93Q2xhc3Nlcy52YXJpYW50TGlzdCwgY2xhc3Nlcz8udmFyaWFudExpc3QpLFxuICAgICAgICAgIGlzTGlzdCAmJlxuICAgICAgICAgICAgdHlwZSA9PT0gXCJoZWFkXCIgJiZcbiAgICAgICAgICAgIGNsc3godGFibGVSb3dDbGFzc2VzLnZhcmlhbnRMaXN0SGVhZCwgY2xhc3Nlcz8udmFyaWFudExpc3RIZWFkKVxuICAgICAgICApfVxuICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJyb3dcIn1cbiAgICAgICAgJGhvdmVyPXtob3Zlcn1cbiAgICAgICAgJHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgICAgJGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgJHN0cmlwZWQ9e3N0cmlwZWR9XG4gICAgICAgICR2YXJpYW50TGlzdD17aXNMaXN0ICYmIHR5cGUgPT09IFwiYm9keVwifVxuICAgICAgICAkdmFyaWFudExpc3RIZWFkPXtpc0xpc3QgJiYgdHlwZSA9PT0gXCJoZWFkXCJ9XG4gICAgICAgICR0eXBlPXt0eXBlfVxuICAgICAgICAkc3RyaXBlZENvbG9yPXthbHBoYShcbiAgICAgICAgICBoZXhUb1JnYihcbiAgICAgICAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0uYXRtbzEgfHwgdGhlbWUuY29sb3JzLmF0bW8xXG4gICAgICAgICAgKSxcbiAgICAgICAgICAwLjZcbiAgICAgICAgKX1cbiAgICAgICAgey4uLm90aGVyc31cbiAgICAgIC8+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgZ2V0VmFyVmFsdWUsIGhleFRvUmdiQSB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3NcIjtcbmltcG9ydCB0YWJsZVJvd0NsYXNzZXMsIHsgSHZUYWJsZVJvd0NsYXNzZXMgfSBmcm9tIFwiLi90YWJsZVJvd0NsYXNzZXNcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL1RhYmxlUm93LnN0eWxlc1wiO1xuaW1wb3J0IHsgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUgfSBmcm9tIFwiLi4vdXRpbHNcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlUm93UHJvcHNcbiAgZXh0ZW5kcyBIdkJhc2VQcm9wczxIVE1MVGFibGVSb3dFbGVtZW50LCBcImNoaWxkcmVuXCI+IHtcbiAgLyoqIENvbnRlbnQgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGJvZHkuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IHdpbGwgc2hhZGUgb24gaG92ZXIuICovXG4gIGhvdmVyPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyB3aWxsIGhhdmUgdGhlIHNlbGVjdGVkIHNoYWRpbmcuICovXG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyBpcyBleHBhbmRlZC4gKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IGJhY2tncm91bmQgaXMgc3RyaXBlZC4gKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlUm93Q2xhc3Nlcztcbn1cblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidHJcIjtcblxuY29uc3QgU3R5bGVkVGFibGVSb3cgPSAoYzogYW55KSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICRzdHJpcGVkLFxuICAgICAgJHN0cmlwZWRDb2xvckV2ZW4sXG4gICAgICAkc3RyaXBlZENvbG9yT2RkLFxuICAgIH06IHtcbiAgICAgICRzdHJpcGVkOiBib29sZWFuO1xuICAgICAgJHN0cmlwZWRDb2xvckV2ZW46IHN0cmluZztcbiAgICAgICRzdHJpcGVkQ29sb3JPZGQ6IHN0cmluZztcbiAgICB9KSA9PiAoe1xuICAgICAgLi4uKCRzdHJpcGVkICYmIHtcbiAgICAgICAgXCImOm50aC1vZi10eXBlKGV2ZW4pXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRzdHJpcGVkQ29sb3JFdmVuLFxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnJvd0hvdmVyQ29sb3IsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOm50aC1vZi10eXBlKG9kZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJHN0cmlwZWRDb2xvck9kZCxcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWJsZS5yb3dIb3ZlckNvbG9yLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG4vKipcbiAqIGBIdlRhYmxlUm93YCBhY3RzIGFzIGEgYHRyYCBlbGVtZW50IGFuZCBpbmhlcml0cyBzdHlsZXMgZnJvbSBpdHMgY29udGV4dFxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZVJvdyA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVSb3dQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgaG92ZXIgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGVkID0gZmFsc2UsXG4gICAgICBleHBhbmRlZCA9IGZhbHNlLFxuICAgICAgc3RyaXBlZCA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lLCBzZWxlY3RlZE1vZGUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgW2V2ZW4sIHNldEV2ZW5dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICAgIGNvbnN0IFtvZGQsIHNldE9kZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG5cbiAgICBjb25zdCB0eXBlID0gdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IGlzTGlzdCA9IHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UciB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVSb3cgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlUm93KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIGxldCBzdHJpcGVkQ29sb3JFdmVuID0gY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoZXZlbilcbiAgICAgID8gaGV4VG9SZ2JBKGV2ZW4sIDAuNilcbiAgICAgIDogZXZlbjtcblxuICAgIGxldCBzdHJpcGVkQ29sb3JPZGQgPSBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShvZGQpXG4gICAgICA/IGhleFRvUmdiQShvZGQsIDAuNilcbiAgICAgIDogb2RkO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldEV2ZW4oZ2V0VmFyVmFsdWUodGhlbWUudGFibGUucm93U3RyaXBlZEJhY2tncm91bmRDb2xvckV2ZW4pKTtcbiAgICAgIHNldE9kZChnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTdHJpcGVkQmFja2dyb3VuZENvbG9yT2RkKSk7XG4gICAgICBzdHJpcGVkQ29sb3JFdmVuID0gY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoZXZlbilcbiAgICAgICAgPyBoZXhUb1JnYkEoZXZlbiwgMC42KVxuICAgICAgICA6IGV2ZW47XG4gICAgICBzdHJpcGVkQ29sb3JPZGQgPSBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShvZGQpXG4gICAgICAgID8gaGV4VG9SZ2JBKG9kZCwgMC42KVxuICAgICAgICA6IG9kZDtcbiAgICB9LCBbYWN0aXZlVGhlbWU/LmNvbG9ycz8ubW9kZXNbc2VsZWN0ZWRNb2RlXSwgZXZlbiwgb2RkXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MsIGN4IH0pID0+IChcbiAgICAgICAgICA8VGFibGVSb3dcbiAgICAgICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICB0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzW3R5cGVdLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5bdHlwZV0sXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXNbdHlwZV0pLFxuICAgICAgICAgICAgICBob3ZlciAmJlxuICAgICAgICAgICAgICAgICh0YWJsZVJvd0NsYXNzZXMuaG92ZXIsIGNsYXNzZXM/LmhvdmVyLCBjc3Moc3R5bGVzLmhvdmVyKSksXG4gICAgICAgICAgICAgIHNlbGVjdGVkICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZVJvd0NsYXNzZXMuc2VsZWN0ZWQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zZWxlY3RlZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc2VsZWN0ZWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgZXhwYW5kZWQgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlUm93Q2xhc3Nlcy5leHBhbmRlZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmV4cGFuZGVkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5leHBhbmRlZClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBzdHJpcGVkICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZVJvd0NsYXNzZXMuc3RyaXBlZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnN0cmlwZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnN0cmlwZWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgaXNMaXN0ICYmXG4gICAgICAgICAgICAgICAgdHlwZSA9PT0gXCJib2R5XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlUm93Q2xhc3Nlcy52YXJpYW50TGlzdCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnZhcmlhbnRMaXN0LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy52YXJpYW50TGlzdClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBpc0xpc3QgJiZcbiAgICAgICAgICAgICAgICB0eXBlID09PSBcImhlYWRcIiAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzLnZhcmlhbnRMaXN0SGVhZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnZhcmlhbnRMaXN0SGVhZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMudmFyaWFudExpc3RIZWFkKVxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJyb3dcIn1cbiAgICAgICAgICAgICRzdHJpcGVkPXtzdHJpcGVkfVxuICAgICAgICAgICAgJHN0cmlwZWRDb2xvckV2ZW49e3N0cmlwZWRDb2xvckV2ZW59XG4gICAgICAgICAgICAkc3RyaXBlZENvbG9yT2RkPXtzdHJpcGVkQ29sb3JPZGR9XG4gICAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
 const HvTableRow = React.forwardRef(({
   classes,
   className,
@@ -138,23 +73,33 @@ const HvTableRow = React.forwardRef(({
   } = useTheme.useTheme();
   const tableContext = React.useContext(TableContext.default);
   const tableSectionContext = React.useContext(TableSectionContext.default);
+  const [even, setEven] = React.useState();
+  const [odd, setOdd] = React.useState();
   const type = (tableSectionContext == null ? void 0 : tableSectionContext.type) || "body";
   const isList = tableContext.variant === "listrow";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Tr) || defaultComponent;
   const TableRow = React.useMemo(() => StyledTableRow(Component), [Component]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableRow, {
-    ref: externalRef,
-    className: clsx.clsx(className, tableSectionContext.filterClassName, tableRowClasses.default.root, classes == null ? void 0 : classes.root, tableRowClasses.default[type], classes == null ? void 0 : classes[type], hover && clsx.clsx(tableRowClasses.default.hover, classes == null ? void 0 : classes.hover), selected && clsx.clsx(tableRowClasses.default.selected, classes == null ? void 0 : classes.selected), expanded && clsx.clsx(tableRowClasses.default.expanded, classes == null ? void 0 : classes.expanded), striped && clsx.clsx(tableRowClasses.default.striped, classes == null ? void 0 : classes.striped), isList && type === "body" && clsx.clsx(tableRowClasses.default.variantList, classes == null ? void 0 : classes.variantList), isList && type === "head" && clsx.clsx(tableRowClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead)),
-    role: Component === defaultComponent ? null : "row",
-    $hover: hover,
-    $selected: selected,
-    $expanded: expanded,
-    $striped: striped,
-    $variantList: isList && type === "body",
-    $variantListHead: isList && type === "head",
-    $type: type,
-    $stripedColor: material.alpha(material.hexToRgb(((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || uikitStyles.theme.colors.atmo1), 0.6),
-    ...others
+  let stripedColorEven = utils.checkValidHexColorValue(even) ? hexToRgbA.default(even, 0.6) : even;
+  let stripedColorOdd = utils.checkValidHexColorValue(odd) ? hexToRgbA.default(odd, 0.6) : odd;
+  React.useEffect(() => {
+    setEven(theme.getVarValue(uikitStyles.theme.table.rowStripedBackgroundColorEven));
+    setOdd(theme.getVarValue(uikitStyles.theme.table.rowStripedBackgroundColorOdd));
+    stripedColorEven = utils.checkValidHexColorValue(even) ? hexToRgbA.default(even, 0.6) : even;
+    stripedColorOdd = utils.checkValidHexColorValue(odd) ? hexToRgbA.default(odd, 0.6) : odd;
+  }, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], even, odd]);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, {
+      ref: externalRef,
+      className: cx(tableSectionContext.filterClassName, tableRowClasses.default.root, className, classes == null ? void 0 : classes.root, css(TableRow_styles.styles.root), tableRowClasses.default[type], classes == null ? void 0 : classes[type], css(TableRow_styles.styles[type]), hover && (tableRowClasses.default.hover, classes == null ? void 0 : classes.hover, css(TableRow_styles.styles.hover)), selected && cx(tableRowClasses.default.selected, classes == null ? void 0 : classes.selected, css(TableRow_styles.styles.selected)), expanded && cx(tableRowClasses.default.expanded, classes == null ? void 0 : classes.expanded, css(TableRow_styles.styles.expanded)), striped && cx(tableRowClasses.default.striped, classes == null ? void 0 : classes.striped, css(TableRow_styles.styles.striped)), isList && type === "body" && cx(tableRowClasses.default.variantList, classes == null ? void 0 : classes.variantList, css(TableRow_styles.styles.variantList)), isList && type === "head" && cx(tableRowClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead, css(TableRow_styles.styles.variantListHead))),
+      role: Component === defaultComponent ? null : "row",
+      $striped: striped,
+      $stripedColorEven: stripedColorEven,
+      $stripedColorOdd: stripedColorOdd,
+      ...others
+    })
   });
 });
 exports.HvTableRow = HvTableRow;

package/dist/cjs/components/Table/TableRow/TableRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks\";\nimport tableRowClasses, { HvTableRowClasses } from \"./tableRowClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport interface HvTableRowProps\n  extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n  component?: React.ElementType;\n  /** Whether the table row will shade on hover. */\n  hover?: boolean;\n  /** Whether the table row will have the selected shading. */\n  selected?: boolean;\n  /** Whether the table row is expanded. */\n  expanded?: boolean;\n  /** Whether the table row background is striped. */\n  striped?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst StyledTableRow = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $hover,\n      $selected,\n      $expanded,\n      $striped,\n      $variantList,\n      $variantListHead,\n      $stripedColor,\n      $type,\n    }: {\n      $hover: boolean;\n      $selected: boolean;\n      $expanded: boolean;\n      $striped: boolean;\n      $variantList: boolean;\n      $variantListHead: boolean;\n      $type: string;\n      $stripedColor: string;\n    }) => ({\n      backgroundColor: theme.table.rowBackgroundColor,\n      color: \"inherit\",\n      verticalAlign: \"middle\",\n      outline: 0,\n      minHeight: 32,\n      \"tr&\": {\n        height: 32,\n      },\n\n      \":hover\": {\n        ...($type === \"body\" && {\n          backgroundColor: theme.table.rowHoverColor,\n        }),\n      },\n      ...($hover && {\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n        \"&:hover\": {\n          backgroundColor: theme.table.rowHoverColor,\n        },\n      }),\n      ...($selected && {\n        backgroundColor: theme.table.selectedRowBackgroundColor,\n      }),\n      ...($expanded && {\n        \"& > *[role=cell]\": {\n          borderBottom: \"none\",\n        },\n        [`&.${tableRowClasses.expanded}`]: {\n          backgroundColor: theme.colors.atmo1,\n        },\n      }),\n      ...($striped && {\n        \"&:nth-of-type(even)\": {\n          backgroundColor: $stripedColor,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n      }),\n\n      // type\n      ...($type === \"head\" && {\n        backgroundColor: \"transparent\",\n        \"&:first-of-type\": {\n          height: 52,\n        },\n\n        \"tr&:first-of-type\": {\n          height: 52,\n        },\n      }),\n\n      ...($variantList && {\n        borderBottom: 0,\n        ...(!$selected && {\n          backgroundColor: theme.colors.atmo1,\n        }),\n        height: 52,\n        \"&:hover\": {\n          ...getBorderStyles(\"row\", theme.table.rowHoverBorderColor),\n        },\n        [`&.${tableRowClasses.selected}`]: {\n          ...getBorderStyles(\"row\", theme.colors.secondary),\n\n          \"&:hover\": {\n            ...getBorderStyles(\"row\", theme.table.rowHoverBorderColor),\n          },\n        },\n      }),\n      ...($variantListHead && {\n        height: 16,\n        \"&:first-of-type\": {\n          height: 16,\n        },\n\n        \"tr&:first-of-type\": {\n          height: 16,\n        },\n      }),\n\n      \"&.HvIsFocused\": {\n        borderRadius: theme.table.rowBorderRadius,\n      },\n    })\n  );\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = tableSectionContext?.type || \"body\";\n\n    const isList = tableContext.variant === \"listrow\";\n\n    const Component =\n      component || tableContext?.components?.Tr || defaultComponent;\n\n    const TableRow = useMemo(() => StyledTableRow(Component), [Component]);\n\n    return (\n      <TableRow\n        ref={externalRef}\n        className={clsx(\n          className,\n          tableSectionContext.filterClassName,\n          tableRowClasses.root,\n          classes?.root,\n          tableRowClasses[type],\n          classes?.[type],\n          hover && clsx(tableRowClasses.hover, classes?.hover),\n          selected && clsx(tableRowClasses.selected, classes?.selected),\n          expanded && clsx(tableRowClasses.expanded, classes?.expanded),\n          striped && clsx(tableRowClasses.striped, classes?.striped),\n          isList &&\n            type === \"body\" &&\n            clsx(tableRowClasses.variantList, classes?.variantList),\n          isList &&\n            type === \"head\" &&\n            clsx(tableRowClasses.variantListHead, classes?.variantListHead)\n        )}\n        role={Component === defaultComponent ? null : \"row\"}\n        $hover={hover}\n        $selected={selected}\n        $expanded={expanded}\n        $striped={striped}\n        $variantList={isList && type === \"body\"}\n        $variantListHead={isList && type === \"head\"}\n        $type={type}\n        $stripedColor={alpha(\n          hexToRgb(\n            activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n          ),\n          0.6\n        )}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableRow","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$hover","$selected","$expanded","$striped","$variantList","$variantListHead","$stripedColor","$type","backgroundColor","theme","table","rowBackgroundColor","color","verticalAlign","outline","minHeight","height","rowHoverColor","transition","selectedRowBackgroundColor","borderBottom","tableRowClasses","expanded","colors","atmo1","getBorderStyles","rowHoverBorderColor","selected","secondary","borderRadius","rowBorderRadius","HvTableRow","forwardRef","classes","className","component","hover","striped","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","type","isList","variant","Component","components","Tr","TableRow","useMemo","ref","clsx","filterClassName","root","variantList","variantListHead","role","alpha","hexToRgb","modes"],"mappings":"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"}
+{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useMemo, useState } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { getVarValue, hexToRgbA } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useTheme } from \"@core/hooks\";\nimport tableRowClasses, { HvTableRowClasses } from \"./tableRowClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableRow.styles\";\nimport { checkValidHexColorValue } from \"../utils\";\n\nexport interface HvTableRowProps\n  extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n  component?: React.ElementType;\n  /** Whether the table row will shade on hover. */\n  hover?: boolean;\n  /** Whether the table row will have the selected shading. */\n  selected?: boolean;\n  /** Whether the table row is expanded. */\n  expanded?: boolean;\n  /** Whether the table row background is striped. */\n  striped?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst StyledTableRow = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $striped,\n      $stripedColorEven,\n      $stripedColorOdd,\n    }: {\n      $striped: boolean;\n      $stripedColorEven: string;\n      $stripedColorOdd: string;\n    }) => ({\n      ...($striped && {\n        \"&:nth-of-type(even)\": {\n          backgroundColor: $stripedColorEven,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n        \"&:nth-of-type(odd)\": {\n          backgroundColor: $stripedColorOdd,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n      }),\n    })\n  );\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [even, setEven] = useState<string | undefined>();\n    const [odd, setOdd] = useState<string | undefined>();\n\n    const type = tableSectionContext?.type || \"body\";\n\n    const isList = tableContext.variant === \"listrow\";\n\n    const Component =\n      component || tableContext?.components?.Tr || defaultComponent;\n\n    const TableRow = useMemo(() => StyledTableRow(Component), [Component]);\n\n    let stripedColorEven = checkValidHexColorValue(even)\n      ? hexToRgbA(even, 0.6)\n      : even;\n\n    let stripedColorOdd = checkValidHexColorValue(odd)\n      ? hexToRgbA(odd, 0.6)\n      : odd;\n\n    useEffect(() => {\n      setEven(getVarValue(theme.table.rowStripedBackgroundColorEven));\n      setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd));\n      stripedColorEven = checkValidHexColorValue(even)\n        ? hexToRgbA(even, 0.6)\n        : even;\n      stripedColorOdd = checkValidHexColorValue(odd)\n        ? hexToRgbA(odd, 0.6)\n        : odd;\n    }, [activeTheme?.colors?.modes[selectedMode], even, odd]);\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <TableRow\n            ref={externalRef}\n            className={cx(\n              tableSectionContext.filterClassName,\n              tableRowClasses.root,\n              className,\n              classes?.root,\n              css(styles.root),\n              tableRowClasses[type],\n              classes?.[type],\n              css(styles[type]),\n              hover &&\n                (tableRowClasses.hover, classes?.hover, css(styles.hover)),\n              selected &&\n                cx(\n                  tableRowClasses.selected,\n                  classes?.selected,\n                  css(styles.selected)\n                ),\n              expanded &&\n                cx(\n                  tableRowClasses.expanded,\n                  classes?.expanded,\n                  css(styles.expanded)\n                ),\n              striped &&\n                cx(\n                  tableRowClasses.striped,\n                  classes?.striped,\n                  css(styles.striped)\n                ),\n              isList &&\n                type === \"body\" &&\n                cx(\n                  tableRowClasses.variantList,\n                  classes?.variantList,\n                  css(styles.variantList)\n                ),\n              isList &&\n                type === \"head\" &&\n                cx(\n                  tableRowClasses.variantListHead,\n                  classes?.variantListHead,\n                  css(styles.variantListHead)\n                )\n            )}\n            role={Component === defaultComponent ? null : \"row\"}\n            $striped={striped}\n            $stripedColorEven={stripedColorEven}\n            $stripedColorOdd={stripedColorOdd}\n            {...others}\n          />\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableRow","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$striped","$stripedColorEven","$stripedColorOdd","backgroundColor","theme","table","rowHoverColor","HvTableRow","forwardRef","classes","className","component","hover","selected","expanded","striped","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","TableRow","useMemo","stripedColorEven","checkValidHexColorValue","hexToRgbA","stripedColorOdd","useEffect","getVarValue","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","colors","modes","ClassNames","children","css","cx","ref","filterClassName","tableRowClasses","root","styles","variantList","variantListHead","role"],"mappings":"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"}

package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const utils = require("../utils/utils.cjs");
+const tableRowClasses = require("./tableRowClasses.cjs");
+const styles = {
+  root: {
+    color: "inherit",
+    backgroundColor: uikitStyles.theme.table.rowBackgroundColor,
+    verticalAlign: "middle",
+    outline: 0,
+    minHeight: 32,
+    "tr&": {
+      height: 32
+    }
+  },
+  head: {
+    "&:first-child": {
+      height: 52
+    },
+    "tr&:first-child": {
+      height: 52
+    }
+  },
+  body: {},
+  footer: {},
+  selected: {
+    backgroundColor: uikitStyles.theme.table.selectedRowBackgroundColor
+  },
+  expanded: {
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    "& > *[role=cell]": {
+      borderBottom: "none"
+    }
+  },
+  striped: {
+    // these styles were left on a styled component because of the access to the css var value to add an alpha.
+    // "&:nth-of-type(even)": {
+    // backgroundColor: hexToRgbA(
+    //   getVarValue(theme.table.rowStripedBackgroundColor),
+    //   0.6
+    // ),
+    //   "&:hover": {
+    //     backgroundColor: theme.table.rowHoverColor,
+    //   },
+    // },
+  },
+  hover: {
+    transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+    "&:hover": {
+      backgroundColor: uikitStyles.theme.table.rowHoverColor
+    }
+  },
+  variantList: {
+    ...utils.getBorderStyles("row", uikitStyles.theme.table.rowListBorderColor, uikitStyles.theme.table.rowListBorderRadius),
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    height: 52,
+    [`&.${tableRowClasses.default.selected}`]: {
+      ...utils.getBorderStyles("row", uikitStyles.theme.colors.secondary, uikitStyles.theme.table.rowListBorderRadius),
+      "&:hover": {
+        ...utils.getBorderStyles("row", uikitStyles.theme.table.rowHoverBorderColor, uikitStyles.theme.table.rowListBorderRadius)
+      }
+    },
+    "&:hover": {
+      ...utils.getBorderStyles("row", uikitStyles.theme.table.rowHoverBorderColor, uikitStyles.theme.table.rowListBorderRadius)
+    },
+    "&.HvIsFocused": {
+      borderRadius: uikitStyles.theme.table.rowListBorderRadius
+    }
+  },
+  variantListHead: {
+    backgroundColor: uikitStyles.theme.table.rowListBackgroundColor,
+    height: 16,
+    "&:first-child": {
+      height: 16
+    },
+    "tr&:first-child": {
+      height: 16
+    }
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=TableRow.styles.cjs.map

package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.styles.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { getBorderStyles } from \"../utils/utils\";\nimport tableRowClasses, { HvTableRowClasses } from \"./tableRowClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvTableRowClasses, CSSInterpolation>\n> = {\n  root: {\n    color: \"inherit\",\n    backgroundColor: theme.table.rowBackgroundColor,\n    verticalAlign: \"middle\",\n    outline: 0,\n    minHeight: 32,\n    \"tr&\": {\n      height: 32,\n    },\n  },\n  head: {\n    \"&:first-child\": {\n      height: 52,\n    },\n\n    \"tr&:first-child\": {\n      height: 52,\n    },\n  },\n  body: {},\n  footer: {},\n  selected: {\n    backgroundColor: theme.table.selectedRowBackgroundColor,\n  },\n  expanded: {\n    backgroundColor: theme.colors.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  striped: {\n    // these styles were left on a styled component because of the access to the css var value to add an alpha.\n    // \"&:nth-of-type(even)\": {\n    // backgroundColor: hexToRgbA(\n    //   getVarValue(theme.table.rowStripedBackgroundColor),\n    //   0.6\n    // ),\n    //   \"&:hover\": {\n    //     backgroundColor: theme.table.rowHoverColor,\n    //   },\n    // },\n  },\n  hover: {\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    \"&:hover\": {\n      backgroundColor: theme.table.rowHoverColor,\n    },\n  },\n  variantList: {\n    ...getBorderStyles(\n      \"row\",\n      theme.table.rowListBorderColor,\n      theme.table.rowListBorderRadius\n    ),\n    backgroundColor: theme.colors.atmo1,\n    height: 52,\n    [`&.${tableRowClasses.selected}`]: {\n      ...getBorderStyles(\n        \"row\",\n        theme.colors.secondary,\n        theme.table.rowListBorderRadius\n      ),\n\n      \"&:hover\": {\n        ...getBorderStyles(\n          \"row\",\n          theme.table.rowHoverBorderColor,\n          theme.table.rowListBorderRadius\n        ),\n      },\n    },\n\n    \"&:hover\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.table.rowHoverBorderColor,\n        theme.table.rowListBorderRadius\n      ),\n    },\n    \"&.HvIsFocused\": {\n      borderRadius: theme.table.rowListBorderRadius,\n    },\n  },\n  variantListHead: {\n    backgroundColor: theme.table.rowListBackgroundColor,\n    height: 16,\n    \"&:first-child\": {\n      height: 16,\n    },\n\n    \"tr&:first-child\": {\n      height: 16,\n    },\n  },\n};\n"],"names":["styles","root","color","backgroundColor","theme","table","rowBackgroundColor","verticalAlign","outline","minHeight","height","head","body","footer","selected","selectedRowBackgroundColor","expanded","colors","atmo1","borderBottom","striped","hover","transition","rowHoverColor","variantList","getBorderStyles","rowListBorderColor","rowListBorderRadius","tableRowClasses","secondary","rowHoverBorderColor","borderRadius","variantListHead","rowListBackgroundColor"],"mappings":";;;;;AAKO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,YAAAA,MAAMC,MAAMC;AAAAA,IAC7BC,eAAe;AAAA,IACfC,SAAS;AAAA,IACTC,WAAW;AAAA,IACX,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJ,iBAAiB;AAAA,MACfD,QAAQ;AAAA,IACV;AAAA,IAEA,mBAAmB;AAAA,MACjBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAE,MAAM,CAAC;AAAA,EACPC,QAAQ,CAAC;AAAA,EACTC,UAAU;AAAA,IACRX,iBAAiBC,YAAAA,MAAMC,MAAMU;AAAAA,EAC/B;AAAA,EACAC,UAAU;AAAA,IACRb,iBAAiBC,YAAAA,MAAMa,OAAOC;AAAAA,IAC9B,oBAAoB;AAAA,MAClBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACAC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUP;AAAA,EAEFC,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTnB,iBAAiBC,YAAAA,MAAMC,MAAMkB;AAAAA,IAC/B;AAAA,EACF;AAAA,EACAC,aAAa;AAAA,IACX,GAAGC,sBACD,OACArB,kBAAMC,MAAMqB,oBACZtB,YAAAA,MAAMC,MAAMsB,mBAAmB;AAAA,IAEjCxB,iBAAiBC,YAAAA,MAAMa,OAAOC;AAAAA,IAC9BR,QAAQ;AAAA,IACR,CAAE,KAAIkB,wBAAgBd,UAAU,GAAG;AAAA,MACjC,GAAGW,sBACD,OACArB,kBAAMa,OAAOY,WACbzB,YAAAA,MAAMC,MAAMsB,mBAAmB;AAAA,MAGjC,WAAW;AAAA,QACT,GAAGF,sBACD,OACArB,kBAAMC,MAAMyB,qBACZ1B,YAAAA,MAAMC,MAAMsB,mBAAmB;AAAA,MAEnC;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGF,sBACD,OACArB,kBAAMC,MAAMyB,qBACZ1B,YAAAA,MAAMC,MAAMsB,mBAAmB;AAAA,IAEnC;AAAA,IACA,iBAAiB;AAAA,MACfI,cAAc3B,YAAAA,MAAMC,MAAMsB;AAAAA,IAC5B;AAAA,EACF;AAAA,EACAK,iBAAiB;AAAA,IACf7B,iBAAiBC,YAAAA,MAAMC,MAAM4B;AAAAA,IAC7BvB,QAAQ;AAAA,IACR,iBAAiB;AAAA,MACfA,QAAQ;AAAA,IACV;AAAA,IAEA,mBAAmB;AAAA,MACjBA,QAAQ;AAAA,IACV;AAAA,EACF;AACF;;"}

package/dist/cjs/components/Table/hooks/useRowExpand.cjs

@@ -25,7 +25,7 @@ const CellWithExpandButton = ({
       "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel,
       "aria-expanded": row.isExpanded,
       onClick,
-      children: row.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {})
+      children: row.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropUpXS, {})
     }), (cell == null ? void 0 : cell.value) && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
       variant: "label",
       component: "span",

package/dist/cjs/components/Table/hooks/useRowExpand.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRowExpand.cjs","sources":["../../../../../src/components/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\nimport {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvTypography } from \"@core/components\";\nimport { useLabels } from \"@core/hooks\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvRowExpandTableRowProps {\n  expanded?: boolean;\n}\n\nexport type UseHvRowExpandTableOptions = {\n  disableCreateExpandButton?: boolean;\n};\n\nexport interface UseHvRowExpandRowToggleProps extends TableExpandedToggleProps {\n  onClick?: MouseEventHandler<unknown>;\n}\n\nexport interface UseHvRowExpandRowInstance<\n  D extends object = Record<string, unknown>\n> extends UseExpandedRowProps<D> {\n  getToggleRowExpandedProps: (\n    props?: Partial<TableExpandedToggleProps>\n  ) => UseHvRowExpandRowToggleProps;\n}\n\nexport type UseRowExpandProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst DEFAULT_LABELS = {\n  expandRowButtonAriaLabel: \"Expand this row\",\n  collapseRowButtonAriaLabel: \"Collapse this row\",\n};\n\nexport const CellWithExpandButton = ({ row, cell, labels: labelsProp }) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const { onClick } = row.getToggleRowExpandedProps();\n\n  return (\n    <>\n      <HvButton\n        icon\n        variant=\"secondaryGhost\"\n        aria-label={\n          row.isExpanded\n            ? labels.collapseRowButtonAriaLabel\n            : labels.expandRowButtonAriaLabel\n        }\n        aria-expanded={row.isExpanded}\n        onClick={onClick}\n      >\n        {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n      </HvButton>\n      {cell?.value && (\n        <HvTypography variant=\"label\" component=\"span\">\n          {cell.value}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst visibleColumnsHook = (columns, { instance }) => {\n  if (instance.disableCreateExpandButton) {\n    return columns;\n  }\n\n  // add a button to first data column, unless it has a custom renderer\n  // if so, add an extra column instead\n  const firstDataColumnIndex = columns.findIndex(\n    (c) => c.id?.indexOf(\"_hv_\") !== 0\n  );\n\n  if (firstDataColumnIndex !== -1) {\n    const firstDataColumn = columns[firstDataColumnIndex];\n\n    if (firstDataColumn.Cell == null) {\n      firstDataColumn.Cell = CellWithExpandButton;\n      firstDataColumn.variant = \"expand\";\n\n      return columns;\n    }\n  }\n\n  const expandColumn = {\n    id: \"_hv_expand\",\n    variant: \"none\",\n\n    width: 32,\n\n    // this will only work when using useHvTableSticky\n    // but ensures it stays left of any sticky column\n    sticky: \"left\",\n\n    Cell: CellWithExpandButton,\n  };\n\n  const columnsCopy = [...columns];\n  columnsCopy.splice(\n    firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0,\n    0,\n    expandColumn\n  );\n\n  return columnsCopy;\n};\n\nconst getRowPropsHook = (props, { row }) => {\n  const nextProps: UseHvRowExpandTableRowProps = {\n    expanded: row.isExpanded,\n  };\n\n  return [props, nextProps];\n};\n\nconst useRowExpand: UseRowExpandProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.getRowProps.push(getRowPropsHook);\n};\nuseRowExpand.pluginName = \"useHvRowExpand\";\n\nexport default useRowExpand;\n"],"names":["DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","useLabels","onClick","getToggleRowExpandedProps","_Fragment","children","_jsx","HvButton","icon","variant","isExpanded","DropDownXS","DropRightXS","value","HvTypography","component","visibleColumnsHook","columns","instance","disableCreateExpandButton","firstDataColumnIndex","findIndex","c","id","indexOf","firstDataColumn","Cell","expandColumn","width","sticky","columnsCopy","splice","getRowPropsHook","props","nextProps","expanded","useRowExpand","hooks","visibleColumns","push","getRowProps","pluginName"],"mappings":";;;;;;;AAsCA,MAAMA,iBAAiB;AAAA,EACrBC,0BAA0B;AAAA,EAC1BC,4BAA4B;AAC9B;AAEO,MAAMC,uBAAuBA,CAAC;AAAA,EAAEC;AAAAA,EAAKC;AAAAA,EAAMC,QAAQC;AAAW,MAAM;AACnED,QAAAA,SAASE,UAAAA,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,yCACEC,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACEC,2BAAAA,IAACC,iBAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACR,cACEZ,IAAIa,aACAX,OAAOJ,6BACPI,OAAOL;AAAAA,MAEb,iBAAeG,IAAIa;AAAAA,MACnBR;AAAAA,MAAiBG,UAEhBR,IAAIa,aAAcC,+BAAAA,gBAAAA,YAAa,CAAA,CAAA,IAAGL,2BAAAA,IAACM,gBAAW,aAAA,EAAA;AAAA,IAAG,CAAA,IAEnDd,6BAAMe,yCACJC,WAAAA,cAAY;AAAA,MAACL,SAAQ;AAAA,MAAQM,WAAU;AAAA,MAAMV,UAC3CP,KAAKe;AAAAA,IAAAA,CAET,CAAA;AAAA,EAAA,CACA;AAEP;AAEA,MAAMG,qBAAqBA,CAACC,SAAS;AAAA,EAAEC;AAAS,MAAM;AACpD,MAAIA,SAASC,2BAA2B;AAC/BF,WAAAA;AAAAA,EACT;AAIMG,QAAAA,uBAAuBH,QAAQI,UAClCC,CAAAA,MAAAA;;AAAMA,oBAAEC,OAAFD,mBAAME,QAAQ,aAAY;AAAA,GAAC;AAGpC,MAAIJ,yBAAyB,IAAI;AACzBK,UAAAA,kBAAkBR,QAAQG,oBAAoB;AAEhDK,QAAAA,gBAAgBC,QAAQ,MAAM;AAChCD,sBAAgBC,OAAO9B;AACvB6B,sBAAgBhB,UAAU;AAEnBQ,aAAAA;AAAAA,IACT;AAAA,EACF;AAEA,QAAMU,eAAe;AAAA,IACnBJ,IAAI;AAAA,IACJd,SAAS;AAAA,IAETmB,OAAO;AAAA;AAAA;AAAA,IAIPC,QAAQ;AAAA,IAERH,MAAM9B;AAAAA,EAAAA;AAGFkC,QAAAA,cAAc,CAAC,GAAGb,OAAO;AAC/Ba,cAAYC,OACVX,yBAAyB,KAAKA,uBAAuB,GACrD,GACAO,YAAY;AAGPG,SAAAA;AACT;AAEA,MAAME,kBAAkBA,CAACC,OAAO;AAAA,EAAEpC;AAAI,MAAM;AAC1C,QAAMqC,YAAyC;AAAA,IAC7CC,UAAUtC,IAAIa;AAAAA,EAAAA;AAGT,SAAA,CAACuB,OAAOC,SAAS;AAC1B;AAEA,MAAME,eAAmCC,CAAU,UAAA;AAC3CC,QAAAA,eAAeC,KAAKvB,kBAAkB;AACtCwB,QAAAA,YAAYD,KAAKP,eAAe;AACxC;AACAI,aAAaK,aAAa;AAE1B,MAAA,iBAAeL;;;"}
+{"version":3,"file":"useRowExpand.cjs","sources":["../../../../../src/components/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\nimport {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvTypography } from \"@core/components\";\nimport { useLabels } from \"@core/hooks\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvRowExpandTableRowProps {\n  expanded?: boolean;\n}\n\nexport type UseHvRowExpandTableOptions = {\n  disableCreateExpandButton?: boolean;\n};\n\nexport interface UseHvRowExpandRowToggleProps extends TableExpandedToggleProps {\n  onClick?: MouseEventHandler<unknown>;\n}\n\nexport interface UseHvRowExpandRowInstance<\n  D extends object = Record<string, unknown>\n> extends UseExpandedRowProps<D> {\n  getToggleRowExpandedProps: (\n    props?: Partial<TableExpandedToggleProps>\n  ) => UseHvRowExpandRowToggleProps;\n}\n\nexport type UseRowExpandProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst DEFAULT_LABELS = {\n  expandRowButtonAriaLabel: \"Expand this row\",\n  collapseRowButtonAriaLabel: \"Collapse this row\",\n};\n\nexport const CellWithExpandButton = ({ row, cell, labels: labelsProp }) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const { onClick } = row.getToggleRowExpandedProps();\n\n  return (\n    <>\n      <HvButton\n        icon\n        variant=\"secondaryGhost\"\n        aria-label={\n          row.isExpanded\n            ? labels.collapseRowButtonAriaLabel\n            : labels.expandRowButtonAriaLabel\n        }\n        aria-expanded={row.isExpanded}\n        onClick={onClick}\n      >\n        {row.isExpanded ? <DropDownXS /> : <DropUpXS />}\n      </HvButton>\n      {cell?.value && (\n        <HvTypography variant=\"label\" component=\"span\">\n          {cell.value}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst visibleColumnsHook = (columns, { instance }) => {\n  if (instance.disableCreateExpandButton) {\n    return columns;\n  }\n\n  // add a button to first data column, unless it has a custom renderer\n  // if so, add an extra column instead\n  const firstDataColumnIndex = columns.findIndex(\n    (c) => c.id?.indexOf(\"_hv_\") !== 0\n  );\n\n  if (firstDataColumnIndex !== -1) {\n    const firstDataColumn = columns[firstDataColumnIndex];\n\n    if (firstDataColumn.Cell == null) {\n      firstDataColumn.Cell = CellWithExpandButton;\n      firstDataColumn.variant = \"expand\";\n\n      return columns;\n    }\n  }\n\n  const expandColumn = {\n    id: \"_hv_expand\",\n    variant: \"none\",\n\n    width: 32,\n\n    // this will only work when using useHvTableSticky\n    // but ensures it stays left of any sticky column\n    sticky: \"left\",\n\n    Cell: CellWithExpandButton,\n  };\n\n  const columnsCopy = [...columns];\n  columnsCopy.splice(\n    firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0,\n    0,\n    expandColumn\n  );\n\n  return columnsCopy;\n};\n\nconst getRowPropsHook = (props, { row }) => {\n  const nextProps: UseHvRowExpandTableRowProps = {\n    expanded: row.isExpanded,\n  };\n\n  return [props, nextProps];\n};\n\nconst useRowExpand: UseRowExpandProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.getRowProps.push(getRowPropsHook);\n};\nuseRowExpand.pluginName = \"useHvRowExpand\";\n\nexport default useRowExpand;\n"],"names":["DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","useLabels","onClick","getToggleRowExpandedProps","_Fragment","children","_jsx","HvButton","icon","variant","isExpanded","DropDownXS","DropUpXS","value","HvTypography","component","visibleColumnsHook","columns","instance","disableCreateExpandButton","firstDataColumnIndex","findIndex","c","id","indexOf","firstDataColumn","Cell","expandColumn","width","sticky","columnsCopy","splice","getRowPropsHook","props","nextProps","expanded","useRowExpand","hooks","visibleColumns","push","getRowProps","pluginName"],"mappings":";;;;;;;AAsCA,MAAMA,iBAAiB;AAAA,EACrBC,0BAA0B;AAAA,EAC1BC,4BAA4B;AAC9B;AAEO,MAAMC,uBAAuBA,CAAC;AAAA,EAAEC;AAAAA,EAAKC;AAAAA,EAAMC,QAAQC;AAAW,MAAM;AACnED,QAAAA,SAASE,UAAAA,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,yCACEC,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACEC,2BAAAA,IAACC,iBAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACR,cACEZ,IAAIa,aACAX,OAAOJ,6BACPI,OAAOL;AAAAA,MAEb,iBAAeG,IAAIa;AAAAA,MACnBR;AAAAA,MAAiBG,UAEhBR,IAAIa,aAAcC,+BAAAA,gBAAAA,YAAa,CAAA,CAAA,IAAGL,2BAAAA,IAACM,gBAAQ,UAAA,EAAA;AAAA,IAAG,CAAA,IAEhDd,6BAAMe,yCACJC,WAAAA,cAAY;AAAA,MAACL,SAAQ;AAAA,MAAQM,WAAU;AAAA,MAAMV,UAC3CP,KAAKe;AAAAA,IAAAA,CAET,CAAA;AAAA,EAAA,CACA;AAEP;AAEA,MAAMG,qBAAqBA,CAACC,SAAS;AAAA,EAAEC;AAAS,MAAM;AACpD,MAAIA,SAASC,2BAA2B;AAC/BF,WAAAA;AAAAA,EACT;AAIMG,QAAAA,uBAAuBH,QAAQI,UAClCC,CAAAA,MAAAA;;AAAMA,oBAAEC,OAAFD,mBAAME,QAAQ,aAAY;AAAA,GAAC;AAGpC,MAAIJ,yBAAyB,IAAI;AACzBK,UAAAA,kBAAkBR,QAAQG,oBAAoB;AAEhDK,QAAAA,gBAAgBC,QAAQ,MAAM;AAChCD,sBAAgBC,OAAO9B;AACvB6B,sBAAgBhB,UAAU;AAEnBQ,aAAAA;AAAAA,IACT;AAAA,EACF;AAEA,QAAMU,eAAe;AAAA,IACnBJ,IAAI;AAAA,IACJd,SAAS;AAAA,IAETmB,OAAO;AAAA;AAAA;AAAA,IAIPC,QAAQ;AAAA,IAERH,MAAM9B;AAAAA,EAAAA;AAGFkC,QAAAA,cAAc,CAAC,GAAGb,OAAO;AAC/Ba,cAAYC,OACVX,yBAAyB,KAAKA,uBAAuB,GACrD,GACAO,YAAY;AAGPG,SAAAA;AACT;AAEA,MAAME,kBAAkBA,CAACC,OAAO;AAAA,EAAEpC;AAAI,MAAM;AAC1C,QAAMqC,YAAyC;AAAA,IAC7CC,UAAUtC,IAAIa;AAAAA,EAAAA;AAGT,SAAA,CAACuB,OAAOC,SAAS;AAC1B;AAEA,MAAME,eAAmCC,CAAU,UAAA;AAC3CC,QAAAA,eAAeC,KAAKvB,kBAAkB;AACtCwB,QAAAA,YAAYD,KAAKP,eAAe;AACxC;AACAI,aAAaK,aAAa;AAE1B,MAAA,iBAAeL;;;"}

package/dist/cjs/components/Table/renderers/renderers.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@emotion/react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const fallbacks = require("../utils/fallbacks.cjs");
@@ -48,7 +49,7 @@ function hvDateColumn(col, dateFormat) {
     ...col
   };
 }
-function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand) {
+function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand, ExpandedIcon = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropUpXS, {}), CollapsedIcon = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {})) {
   return {
     Cell: (cellProps) => {
       var _a;
@@ -58,22 +59,29 @@ function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabe
       } = cellProps;
       const expandedProps = (_a = row.getToggleRowExpandedProps) == null ? void 0 : _a.call(row);
       const hasContent = (getCanRowExpand == null ? void 0 : getCanRowExpand(row)) ?? true;
-      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [hasContent && /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-          icon: true,
-          variant: "secondaryGhost",
-          "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
-          "aria-expanded": row.isExpanded,
-          onClick: expandedProps == null ? void 0 : expandedProps.onClick,
-          style: {
-            position: "absolute",
-            left: 0,
-            top: 0
-          },
-          children: row.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {})
-        }), /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
-          data: fallbacks.hvStringFallback(value)
-        })]
+      return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+        children: ({
+          css
+        }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [hasContent && /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+            icon: true,
+            variant: "secondaryGhost",
+            "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
+            "aria-expanded": row.isExpanded,
+            onClick: expandedProps == null ? void 0 : expandedProps.onClick,
+            classes: {
+              root: css({
+                position: "absolute",
+                left: 0,
+                top: "50%",
+                transform: "translateY(-50%)"
+              })
+            },
+            children: row.isExpanded ? ExpandedIcon : CollapsedIcon
+          }), /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
+            data: fallbacks.hvStringFallback(value)
+          })]
+        })
       });
     },
     sortType: "alphanumeric",