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

package/dist/esm/components/Card/Card.js

@@ -1,9 +1,9 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { css } from "@emotion/css";
+import { ClassNames } from "@emotion/react";
 import { theme } from "@hitachivantara/uikit-styles";
 import clsx from "clsx";
 import { styles } from "./Card.styles.js";
 import cardClasses from "./cardClasses.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvBox } from "../Box/Box.js";
 const HvCard = ({
   classes,
@@ -16,18 +16,29 @@ const HvCard = ({
   bgcolor,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxs(HvBox, { "aria-selected": selectable ? selected : void 0, className: clsx(styles.root, bgcolor && /* @__PURE__ */ css({
-    backgroundColor: theme.colors[bgcolor]
-  }, process.env.NODE_ENV === "production" ? "" : ";label:HvCard;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRFUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0NhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IEh2Qm94IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBIdkF0bW9zcGhlcmVDb2xvcktleXMsIEh2U2VtYW50aWNDb2xvcktleXMgfSBmcm9tIFwiLi4vLi4vdHlwZXMvdG9rZW5zXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9DYXJkLnN0eWxlc1wiO1xuaW1wb3J0IGNhcmRDbGFzc2VzLCB7IEh2Q2FyZENsYXNzZXMgfSBmcm9tIFwiLi9jYXJkQ2xhc3Nlc1wiO1xuXG5leHBvcnQgdHlwZSBIdkNhcmRQcm9wcyA9IEh2QmFzZVByb3BzICYge1xuICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogV2hldGhlciB0aGUgY2FyZCBpcyBzZWxlY3RhYmxlLiAqL1xuICBzZWxlY3RhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIGNhcmQgaXMgY3VycmVudGx5IHNlbGVjdGVkLiAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY2FyZC4gKi9cbiAgYmdjb2xvcj86XG4gICAgfCBcInNlbWEwXCJcbiAgICB8IEh2U2VtYW50aWNDb2xvcktleXNcbiAgICB8IEh2QXRtb3NwaGVyZUNvbG9yS2V5c1xuICAgIHwgXCJ0cmFuc3BhcmVudFwiO1xuICAvKipcbiAgICogIFRoZSBib3JkZXIgY29sb3IgYXQgdGhlIHRvcCBvZiB0aGUgY2FyZC4gTXVzdCBiZSBvbmUgb2YgcGFsZXR0ZSBzZW1hbnRpYyBvciBhdG1vc3BoZXJlIGNvbG9ycy5cbiAgICogIFRvIHNldCBhbm90aGVyIGNvbG9yLCB0aGUgYm9yZGVyVG9wIHNob3VsZCBiZSBvdmVycmlkZS5cbiAgICovXG4gIHN0YXR1c0NvbG9yPzogXCJzZW1hMFwiIHwgSHZTZW1hbnRpY0NvbG9yS2V5cyB8IEh2QXRtb3NwaGVyZUNvbG9yS2V5cztcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2Q2FyZENsYXNzZXM7XG59O1xuXG4vKipcbiAqIEEgY2FyZCBpcyBhIGNvbnRhaW5lciBmb3IgYSBmZXcgc2hvcnQgYW5kIHJlbGF0ZWQgcGllY2VzIG9mIGNvbnRlbnQuXG4gKiBJdCByb3VnaGx5IHJlc2VtYmxlcyBhIHBsYXlpbmcgY2FyZCBpbiBzaXplIGFuZCBzaGFwZSBhbmQgaXMgaW50ZW5kZWQgYXMgYVxuICogbGlua2VkIHNob3J0IHJlcHJlc2VudGF0aW9uIG9mIGEgY29uY2VwdHVhbCB1bml0LiBGb3IgdGhhdCByZWFzb24sXG4gKiB0aGlzIHBhdHRlcm4gbXVzdCBiZSB1c2VkIGFzIGFuIGVudHJ5LXBvaW50IGZvciBmdXJ0aGVyIGluZm9ybWF0aW9uLlxuICovXG5leHBvcnQgY29uc3QgSHZDYXJkID0gKHtcbiAgY2xhc3NlcyxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgaWNvbixcbiAgc2VsZWN0YWJsZSA9IGZhbHNlLFxuICBzZWxlY3RlZCA9IGZhbHNlLFxuICBzdGF0dXNDb2xvciA9IFwic2VtYTBcIixcbiAgYmdjb2xvcixcbiAgLi4ub3RoZXJzXG59OiBIdkNhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxIdkJveFxuICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0YWJsZSA/IHNlbGVjdGVkIDogdW5kZWZpbmVkfVxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICBzdHlsZXMucm9vdCxcbiAgICAgICAgYmdjb2xvciAmJlxuICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1tiZ2NvbG9yXSxcbiAgICAgICAgICB9KSxcbiAgICAgICAgXCJIdklzQ2FyZEdyaWRFbGVtZW50XCIsXG4gICAgICAgIGNhcmRDbGFzc2VzLnJvb3QsXG4gICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgc2VsZWN0YWJsZSAmJlxuICAgICAgICAgIGNsc3goc3R5bGVzLnNlbGVjdGFibGUsIGNhcmRDbGFzc2VzLnNlbGVjdGFibGUsIGNsYXNzZXM/LnNlbGVjdGFibGUpLFxuICAgICAgICBzZWxlY3RlZCAmJlxuICAgICAgICAgIGNsc3goc3R5bGVzLnNlbGVjdGVkLCBjYXJkQ2xhc3Nlcy5zZWxlY3RlZCwgY2xhc3Nlcz8uc2VsZWN0ZWQpXG4gICAgICApfVxuICAgICAgey4uLm90aGVyc31cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBzdHlsZXMuc2VtYW50aWNDb250YWluZXIsXG4gICAgICAgICAgY2FyZENsYXNzZXMuc2VtYW50aWNDb250YWluZXIsXG4gICAgICAgICAgY2xhc3Nlcz8uc2VtYW50aWNDb250YWluZXJcbiAgICAgICAgKX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgIHN0eWxlcy5zZW1hbnRpY0JhcixcbiAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgIGhlaWdodDogc2VsZWN0ZWQgPyA0IDogMixcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgICAgICAgICAgIHN0YXR1c0NvbG9yID09PSBcInNlbWEwXCJcbiAgICAgICAgICAgICAgICAgID8gc2VsZWN0ZWRcbiAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5jb2xvcnMuYWNjZTFcbiAgICAgICAgICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMuYXRtbzRcbiAgICAgICAgICAgICAgICAgIDogdGhlbWUuY29sb3JzW3N0YXR1c0NvbG9yXSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgY2FyZENsYXNzZXMuc2VtYW50aWNCYXIsXG4gICAgICAgICAgICBjbGFzc2VzPy5zZW1hbnRpY0JhclxuICAgICAgICAgICl9XG4gICAgICAgIC8+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbHN4KHN0eWxlcy5pY29uLCBjYXJkQ2xhc3Nlcy5pY29uLCBjbGFzc2VzPy5pY29uKX0+XG4gICAgICAgICAge2ljb259XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IdkJveD5cbiAgKTtcbn07XG4iXX0= */"), "HvIsCardGridElement", cardClasses.root, classes == null ? void 0 : classes.root, className, selectable && clsx(styles.selectable, cardClasses.selectable, classes == null ? void 0 : classes.selectable), selected && clsx(styles.selected, cardClasses.selected, classes == null ? void 0 : classes.selected)), ...others, children: [
-    /* @__PURE__ */ jsxs("div", { className: clsx(styles.semanticContainer, cardClasses.semanticContainer, classes == null ? void 0 : classes.semanticContainer), children: [
-      /* @__PURE__ */ jsx("div", { className: clsx(styles.semanticBar, /* @__PURE__ */ css({
-        height: selected ? 4 : 2,
-        backgroundColor: statusColor === "sema0" ? selected ? theme.colors.acce1 : theme.colors.atmo4 : theme.colors[statusColor]
-      }, process.env.NODE_ENV === "production" ? "" : ";label:HvCard;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RVkiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0NhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IEh2Qm94IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBIdkF0bW9zcGhlcmVDb2xvcktleXMsIEh2U2VtYW50aWNDb2xvcktleXMgfSBmcm9tIFwiLi4vLi4vdHlwZXMvdG9rZW5zXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9DYXJkLnN0eWxlc1wiO1xuaW1wb3J0IGNhcmRDbGFzc2VzLCB7IEh2Q2FyZENsYXNzZXMgfSBmcm9tIFwiLi9jYXJkQ2xhc3Nlc1wiO1xuXG5leHBvcnQgdHlwZSBIdkNhcmRQcm9wcyA9IEh2QmFzZVByb3BzICYge1xuICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogV2hldGhlciB0aGUgY2FyZCBpcyBzZWxlY3RhYmxlLiAqL1xuICBzZWxlY3RhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIGNhcmQgaXMgY3VycmVudGx5IHNlbGVjdGVkLiAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY2FyZC4gKi9cbiAgYmdjb2xvcj86XG4gICAgfCBcInNlbWEwXCJcbiAgICB8IEh2U2VtYW50aWNDb2xvcktleXNcbiAgICB8IEh2QXRtb3NwaGVyZUNvbG9yS2V5c1xuICAgIHwgXCJ0cmFuc3BhcmVudFwiO1xuICAvKipcbiAgICogIFRoZSBib3JkZXIgY29sb3IgYXQgdGhlIHRvcCBvZiB0aGUgY2FyZC4gTXVzdCBiZSBvbmUgb2YgcGFsZXR0ZSBzZW1hbnRpYyBvciBhdG1vc3BoZXJlIGNvbG9ycy5cbiAgICogIFRvIHNldCBhbm90aGVyIGNvbG9yLCB0aGUgYm9yZGVyVG9wIHNob3VsZCBiZSBvdmVycmlkZS5cbiAgICovXG4gIHN0YXR1c0NvbG9yPzogXCJzZW1hMFwiIHwgSHZTZW1hbnRpY0NvbG9yS2V5cyB8IEh2QXRtb3NwaGVyZUNvbG9yS2V5cztcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2Q2FyZENsYXNzZXM7XG59O1xuXG4vKipcbiAqIEEgY2FyZCBpcyBhIGNvbnRhaW5lciBmb3IgYSBmZXcgc2hvcnQgYW5kIHJlbGF0ZWQgcGllY2VzIG9mIGNvbnRlbnQuXG4gKiBJdCByb3VnaGx5IHJlc2VtYmxlcyBhIHBsYXlpbmcgY2FyZCBpbiBzaXplIGFuZCBzaGFwZSBhbmQgaXMgaW50ZW5kZWQgYXMgYVxuICogbGlua2VkIHNob3J0IHJlcHJlc2VudGF0aW9uIG9mIGEgY29uY2VwdHVhbCB1bml0LiBGb3IgdGhhdCByZWFzb24sXG4gKiB0aGlzIHBhdHRlcm4gbXVzdCBiZSB1c2VkIGFzIGFuIGVudHJ5LXBvaW50IGZvciBmdXJ0aGVyIGluZm9ybWF0aW9uLlxuICovXG5leHBvcnQgY29uc3QgSHZDYXJkID0gKHtcbiAgY2xhc3NlcyxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgaWNvbixcbiAgc2VsZWN0YWJsZSA9IGZhbHNlLFxuICBzZWxlY3RlZCA9IGZhbHNlLFxuICBzdGF0dXNDb2xvciA9IFwic2VtYTBcIixcbiAgYmdjb2xvcixcbiAgLi4ub3RoZXJzXG59OiBIdkNhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxIdkJveFxuICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0YWJsZSA/IHNlbGVjdGVkIDogdW5kZWZpbmVkfVxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICBzdHlsZXMucm9vdCxcbiAgICAgICAgYmdjb2xvciAmJlxuICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1tiZ2NvbG9yXSxcbiAgICAgICAgICB9KSxcbiAgICAgICAgXCJIdklzQ2FyZEdyaWRFbGVtZW50XCIsXG4gICAgICAgIGNhcmRDbGFzc2VzLnJvb3QsXG4gICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgc2VsZWN0YWJsZSAmJlxuICAgICAgICAgIGNsc3goc3R5bGVzLnNlbGVjdGFibGUsIGNhcmRDbGFzc2VzLnNlbGVjdGFibGUsIGNsYXNzZXM/LnNlbGVjdGFibGUpLFxuICAgICAgICBzZWxlY3RlZCAmJlxuICAgICAgICAgIGNsc3goc3R5bGVzLnNlbGVjdGVkLCBjYXJkQ2xhc3Nlcy5zZWxlY3RlZCwgY2xhc3Nlcz8uc2VsZWN0ZWQpXG4gICAgICApfVxuICAgICAgey4uLm90aGVyc31cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBzdHlsZXMuc2VtYW50aWNDb250YWluZXIsXG4gICAgICAgICAgY2FyZENsYXNzZXMuc2VtYW50aWNDb250YWluZXIsXG4gICAgICAgICAgY2xhc3Nlcz8uc2VtYW50aWNDb250YWluZXJcbiAgICAgICAgKX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgIHN0eWxlcy5zZW1hbnRpY0JhcixcbiAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgIGhlaWdodDogc2VsZWN0ZWQgPyA0IDogMixcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgICAgICAgICAgIHN0YXR1c0NvbG9yID09PSBcInNlbWEwXCJcbiAgICAgICAgICAgICAgICAgID8gc2VsZWN0ZWRcbiAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5jb2xvcnMuYWNjZTFcbiAgICAgICAgICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMuYXRtbzRcbiAgICAgICAgICAgICAgICAgIDogdGhlbWUuY29sb3JzW3N0YXR1c0NvbG9yXSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgY2FyZENsYXNzZXMuc2VtYW50aWNCYXIsXG4gICAgICAgICAgICBjbGFzc2VzPy5zZW1hbnRpY0JhclxuICAgICAgICAgICl9XG4gICAgICAgIC8+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbHN4KHN0eWxlcy5pY29uLCBjYXJkQ2xhc3Nlcy5pY29uLCBjbGFzc2VzPy5pY29uKX0+XG4gICAgICAgICAge2ljb259XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IdkJveD5cbiAgKTtcbn07XG4iXX0= */"), cardClasses.semanticBar, classes == null ? void 0 : classes.semanticBar) }),
-      /* @__PURE__ */ jsx("div", { className: clsx(styles.icon, cardClasses.icon, classes == null ? void 0 : classes.icon), children: icon })
-    ] }),
-    children
-  ] });
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxs(HvBox, {
+      "aria-selected": selectable ? selected : void 0,
+      className: clsx(css(styles.root), css({
+        backgroundColor: bgcolor && theme.colors[bgcolor] || theme.card.backgroundColor
+      }), "HvIsCardGridElement", cardClasses.root, classes == null ? void 0 : classes.root, className, selectable && clsx(css(styles.selectable), cardClasses.selectable, classes == null ? void 0 : classes.selectable), selected && clsx(css(styles.selected), cardClasses.selected, classes == null ? void 0 : classes.selected)),
+      ...others,
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: clsx(css(styles.semanticContainer), cardClasses.semanticContainer, classes == null ? void 0 : classes.semanticContainer),
+        children: [/* @__PURE__ */ jsx("div", {
+          className: clsx(css(styles.semanticBar), css({
+            height: selected ? 4 : 2,
+            backgroundColor: statusColor === "sema0" ? selected ? theme.colors.secondary : theme.colors.atmo4 : theme.colors[statusColor]
+          }), cardClasses.semanticBar, classes == null ? void 0 : classes.semanticBar)
+        }), /* @__PURE__ */ jsx("div", {
+          className: clsx(css(styles.icon), cardClasses.icon, classes == null ? void 0 : classes.icon),
+          children: icon
+        })]
+      }), children]
+    })
+  });
 };
 export {
   HvCard

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport { HvBox } from \"components\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAtmosphereColorKeys, HvSemanticColorKeys } from \"../../types/tokens\";\nimport { styles } from \"./Card.styles\";\nimport cardClasses, { HvCardClasses } from \"./cardClasses\";\n\nexport type HvCardProps = HvBaseProps & {\n  /** The renderable content inside the icon slot of the header. */\n  icon?: React.ReactNode;\n  /** Whether the card is selectable. */\n  selectable?: boolean;\n  /** Whether the card is currently selected. */\n  selected?: boolean;\n  /** The background color of the card. */\n  bgcolor?:\n    | \"sema0\"\n    | HvSemanticColorKeys\n    | HvAtmosphereColorKeys\n    | \"transparent\";\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n   *  To set another color, the borderTop should be override.\n   */\n  statusColor?: \"sema0\" | HvSemanticColorKeys | HvAtmosphereColorKeys;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardClasses;\n};\n\n/**\n * A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = ({\n  classes,\n  className,\n  children,\n  icon,\n  selectable = false,\n  selected = false,\n  statusColor = \"sema0\",\n  bgcolor,\n  ...others\n}: HvCardProps) => {\n  return (\n    <HvBox\n      aria-selected={selectable ? selected : undefined}\n      className={clsx(\n        styles.root,\n        bgcolor &&\n          css({\n            backgroundColor: theme.colors[bgcolor],\n          }),\n        \"HvIsCardGridElement\",\n        cardClasses.root,\n        classes?.root,\n        className,\n        selectable &&\n          clsx(styles.selectable, cardClasses.selectable, classes?.selectable),\n        selected &&\n          clsx(styles.selected, cardClasses.selected, classes?.selected)\n      )}\n      {...others}\n    >\n      <div\n        className={clsx(\n          styles.semanticContainer,\n          cardClasses.semanticContainer,\n          classes?.semanticContainer\n        )}\n      >\n        <div\n          className={clsx(\n            styles.semanticBar,\n            css({\n              height: selected ? 4 : 2,\n              backgroundColor:\n                statusColor === \"sema0\"\n                  ? selected\n                    ? theme.colors.acce1\n                    : theme.colors.atmo4\n                  : theme.colors[statusColor],\n            }),\n            cardClasses.semanticBar,\n            classes?.semanticBar\n          )}\n        />\n        <div className={clsx(styles.icon, cardClasses.icon, classes?.icon)}>\n          {icon}\n        </div>\n      </div>\n      {children}\n    </HvBox>\n  );\n};\n"],"names":["HvCard","classes","className","children","icon","selectable","selected","statusColor","bgcolor","others","undefined","clsx","styles","root","backgroundColor","theme","colors","process","env","NODE_ENV","cardClasses","semanticContainer","semanticBar","height","acce1","atmo4"],"mappings":";;;;;;;AAqCO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC;AAAAA,KACGC;AACQ,MAAM;AAEf,SAAA,qBAAC,OACC,EAAA,iBAAeJ,aAAaC,WAAWI,QACvC,WAAWC,KACTC,OAAOC,MACPL,WACM,oBAAA;AAAA,IACFM,iBAAiBC,MAAMC,OAAOR;AAAAA,EAAAA,GAC/BS,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,kBAAAA,QAAAC,IAAAC,qgJACH,uBACAC,YAAYP,MACZZ,mCAASY,MACTX,WACAG,cACEM,KAAKC,OAAOP,YAAYe,YAAYf,YAAYJ,mCAASI,UAAU,GACrEC,YACEK,KAAKC,OAAON,UAAUc,YAAYd,UAAUL,mCAASK,QAAQ,CAAC,GAElE,GAAIG,QAEJ,UAAA;AAAA,IAAC,qBAAA,OAAA,EACC,WAAWE,KACTC,OAAOS,mBACPD,YAAYC,mBACZpB,mCAASoB,iBAAiB,GAG5B,UAAA;AAAA,MAAA,oBAAC,OACC,EAAA,WAAWV,KACTC,OAAOU,aACH,oBAAA;AAAA,QACFC,QAAQjB,WAAW,IAAI;AAAA,QACvBQ,iBACEP,gBAAgB,UACZD,WACES,MAAMC,OAAOQ,QACbT,MAAMC,OAAOS,QACfV,MAAMC,OAAOT;AAAAA,MAAAA,GACpBU,QAAAC,IAAAC,aAAA,eAAA,KAAA,kBAAAF,QAAAC,IAAAC,aAAC,eAAA,KAAA,i+IAAA,GACFC,YAAYE,aACZrB,mCAASqB,WAAW,GACpB;AAAA,MAEJ,oBAAC,OAAI,EAAA,WAAWX,KAAKC,OAAOR,MAAMgB,YAAYhB,MAAMH,mCAASG,IAAI,GAC9DA,UACH,KAAA,CAAA;AAAA,IAAA,GACF;AAAA,IACCD;AAAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport { HvBox } from \"components\";\nimport { HvBaseProps } from \"../../types/generic\";\nimport { HvAtmosphereColorKeys, HvSemanticColorKeys } from \"../../types/tokens\";\nimport { styles } from \"./Card.styles\";\nimport cardClasses, { HvCardClasses } from \"./cardClasses\";\n\nexport type HvCardProps = HvBaseProps & {\n  /** The renderable content inside the icon slot of the header. */\n  icon?: React.ReactNode;\n  /** Whether the card is selectable. */\n  selectable?: boolean;\n  /** Whether the card is currently selected. */\n  selected?: boolean;\n  /** The background color of the card. */\n  bgcolor?:\n    | \"sema0\"\n    | HvSemanticColorKeys\n    | HvAtmosphereColorKeys\n    | \"transparent\";\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n   *  To set another color, the borderTop should be override.\n   */\n  statusColor?: \"sema0\" | HvSemanticColorKeys | HvAtmosphereColorKeys;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardClasses;\n};\n\n/**\n * A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = ({\n  classes,\n  className,\n  children,\n  icon,\n  selectable = false,\n  selected = false,\n  statusColor = \"sema0\",\n  bgcolor,\n  ...others\n}: HvCardProps) => {\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <HvBox\n          aria-selected={selectable ? selected : undefined}\n          className={clsx(\n            css(styles.root),\n            css({\n              backgroundColor:\n                (bgcolor && theme.colors[bgcolor]) ||\n                theme.card.backgroundColor,\n            }),\n            \"HvIsCardGridElement\",\n            cardClasses.root,\n            classes?.root,\n            className,\n            selectable &&\n              clsx(\n                css(styles.selectable),\n                cardClasses.selectable,\n                classes?.selectable\n              ),\n            selected &&\n              clsx(\n                css(styles.selected),\n                cardClasses.selected,\n                classes?.selected\n              )\n          )}\n          {...others}\n        >\n          <div\n            className={clsx(\n              css(styles.semanticContainer),\n              cardClasses.semanticContainer,\n              classes?.semanticContainer\n            )}\n          >\n            <div\n              className={clsx(\n                css(styles.semanticBar),\n                css({\n                  height: selected ? 4 : 2,\n                  backgroundColor:\n                    statusColor === \"sema0\"\n                      ? selected\n                        ? theme.colors.secondary\n                        : theme.colors.atmo4\n                      : theme.colors[statusColor],\n                }),\n                cardClasses.semanticBar,\n                classes?.semanticBar\n              )}\n            />\n            <div\n              className={clsx(\n                css(styles.icon),\n                cardClasses.icon,\n                classes?.icon\n              )}\n            >\n              {icon}\n            </div>\n          </div>\n          {children}\n        </HvBox>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvCard","classes","className","children","icon","selectable","selected","statusColor","bgcolor","others","ClassNames","css","HvBox","undefined","clsx","styles","root","backgroundColor","theme","colors","card","cardClasses","_jsxs","semanticContainer","_jsx","semanticBar","height","secondary","atmo4"],"mappings":";;;;;;;AAqCO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,6BACGC,YAAU;AAAA,IAAAP,UACRA,CAAC;AAAA,MAAEQ;AAAAA,IAAAA,2BACDC,OAAK;AAAA,MACJ,iBAAeP,aAAaC,WAAWO;AAAAA,MACvCX,WAAWY,KACTH,IAAII,OAAOC,IAAI,GACfL,IAAI;AAAA,QACFM,iBACGT,WAAWU,MAAMC,OAAOX,OAAO,KAChCU,MAAME,KAAKH;AAAAA,MACd,CAAA,GACD,uBACAI,YAAYL,MACZf,mCAASe,MACTd,WACAG,cACES,KACEH,IAAII,OAAOV,UAAU,GACrBgB,YAAYhB,YACZJ,mCAASI,UAAU,GAEvBC,YACEQ,KACEH,IAAII,OAAOT,QAAQ,GACnBe,YAAYf,UACZL,mCAASK,QAAQ,CAClB;AAAA,MACH,GACEG;AAAAA,MAAMN,WAEVmB,qBAAA,OAAA;AAAA,QACEpB,WAAWY,KACTH,IAAII,OAAOQ,iBAAiB,GAC5BF,YAAYE,mBACZtB,mCAASsB,iBAAiB;AAAA,QAC1BpB,WAEFqB,oBAAA,OAAA;AAAA,UACEtB,WAAWY,KACTH,IAAII,OAAOU,WAAW,GACtBd,IAAI;AAAA,YACFe,QAAQpB,WAAW,IAAI;AAAA,YACvBW,iBACEV,gBAAgB,UACZD,WACEY,MAAMC,OAAOQ,YACbT,MAAMC,OAAOS,QACfV,MAAMC,OAAOZ,WAAW;AAAA,UAC/B,CAAA,GACDc,YAAYI,aACZxB,mCAASwB,WAAW;AAAA,QAAA,CACpB,GAEJD,oBAAA,OAAA;AAAA,UACEtB,WAAWY,KACTH,IAAII,OAAOX,IAAI,GACfiB,YAAYjB,MACZH,mCAASG,IAAI;AAAA,UACbD,UAEDC;AAAAA,QAAAA,CACG,CAAA;AAAA,MAAA,CAAA,GAEPD,QAAQ;AAAA,IAAA,CAAA;AAAA,EAAA,CAGF;AAEjB;"}

package/dist/esm/components/Card/Card.styles.js

@@ -1,11 +1,7 @@
-import { css } from "@emotion/css";
 import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../../utils/focusUtils.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
 const styles = {
-  root: /* @__PURE__ */ css({
+  root: {
     overflow: "visible",
     position: "relative",
     outline: theme.card.outline,
@@ -16,39 +12,37 @@ const styles = {
     "&:focus": {
       outline: "none"
     }
-  }, process.env.NODE_ENV === "production" ? "" : ";label:root;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1EiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0NhcmQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHtcbiAgICBvdmVyZmxvdzogXCJ2aXNpYmxlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBvdXRsaW5lOiB0aGVtZS5jYXJkLm91dGxpbmUsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jYXJkLmJvcmRlclJhZGl1cyxcbiAgICBcIiYuZm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0pLFxuICBzZWxlY3RlZDogY3NzKHtcbiAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIG91dGxpbmU6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgfSxcbiAgfSksXG4gIHNlbGVjdGFibGU6IGNzcyh7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIG91dGxpbmU6IGAxcHggc29saWQgJHt0aGVtZS5jYXJkLmhvdmVyQ29sb3J9YCxcbiAgICB9LFxuICB9KSxcbiAgc2VtYW50aWNDb250YWluZXI6IGNzcyh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBcIiYgPiAqXCI6IHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICB6SW5kZXg6IDEsXG4gICAgfSxcbiAgfSksXG4gIGljb246IGNzcyh7XG4gICAgdG9wOiBgY2FsYygke3RoZW1lLmNhcmQuaWNvbk1hcmdpbn0gKyAke3RoZW1lLnNwYWNlLnhzfSlgLFxuICAgIHJpZ2h0OiBgY2FsYygke3RoZW1lLmNhcmQuaWNvbk1hcmdpbn0gKyAke3RoZW1lLnNwYWNlLnhzfSlgLFxuICB9KSxcbiAgc2VtYW50aWNCYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHRvcDogLTEsXG4gICAgcmlnaHQ6IDAsXG4gIH0pLFxufTtcbiJdfQ== */"),
-  selected: /* @__PURE__ */ css({
-    outline: `1px solid ${theme.colors.acce1}`,
+  },
+  selected: {
+    outline: `1px solid ${theme.colors.secondary}`,
     "&:hover": {
-      outline: `1px solid ${theme.colors.acce1}`
+      outline: `1px solid ${theme.colors.secondary}`
     },
     "&:focus": {
-      outline: `1px solid ${theme.colors.acce1}`
+      outline: `1px solid ${theme.colors.secondary}`
     }
-  }, process.env.NODE_ENV === "production" ? "" : ";label:selected;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHJvb3Q6IGNzcyh7XG4gICAgb3ZlcmZsb3c6IFwidmlzaWJsZVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgb3V0bGluZTogdGhlbWUuY2FyZC5vdXRsaW5lLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuY2FyZC5ib3JkZXJSYWRpdXMsXG4gICAgXCImLmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbiAgc2VsZWN0ZWQ6IGNzcyh7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIH0sXG4gIH0pLFxuICBzZWxlY3RhYmxlOiBjc3Moe1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY2FyZC5ob3ZlckNvbG9yfWAsXG4gICAgfSxcbiAgfSksXG4gIHNlbWFudGljQ29udGFpbmVyOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCImID4gKlwiOiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgekluZGV4OiAxLFxuICAgIH0sXG4gIH0pLFxuICBpY29uOiBjc3Moe1xuICAgIHRvcDogYGNhbGMoJHt0aGVtZS5jYXJkLmljb25NYXJnaW59ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgICByaWdodDogYGNhbGMoJHt0aGVtZS5jYXJkLmljb25NYXJnaW59ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG4gIHNlbWFudGljQmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB0b3A6IC0xLFxuICAgIHJpZ2h0OiAwLFxuICB9KSxcbn07XG4iXX0= */"),
-  selectable: /* @__PURE__ */ css({
+  },
+  selectable: {
     "&:hover": {
       outline: `1px solid ${theme.card.hoverColor}`
     }
-  }, process.env.NODE_ENV === "production" ? "" : ";label:selectable;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHJvb3Q6IGNzcyh7XG4gICAgb3ZlcmZsb3c6IFwidmlzaWJsZVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgb3V0bGluZTogdGhlbWUuY2FyZC5vdXRsaW5lLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuY2FyZC5ib3JkZXJSYWRpdXMsXG4gICAgXCImLmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbiAgc2VsZWN0ZWQ6IGNzcyh7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIH0sXG4gIH0pLFxuICBzZWxlY3RhYmxlOiBjc3Moe1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY2FyZC5ob3ZlckNvbG9yfWAsXG4gICAgfSxcbiAgfSksXG4gIHNlbWFudGljQ29udGFpbmVyOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCImID4gKlwiOiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgekluZGV4OiAxLFxuICAgIH0sXG4gIH0pLFxuICBpY29uOiBjc3Moe1xuICAgIHRvcDogYGNhbGMoJHt0aGVtZS5jYXJkLmljb25NYXJnaW59ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgICByaWdodDogYGNhbGMoJHt0aGVtZS5jYXJkLmljb25NYXJnaW59ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG4gIHNlbWFudGljQmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB0b3A6IC0xLFxuICAgIHJpZ2h0OiAwLFxuICB9KSxcbn07XG4iXX0= */"),
-  semanticContainer: /* @__PURE__ */ css(process.env.NODE_ENV === "production" ? {
-    name: "emolmc",
-    styles: "position:relative;& > *{position:absolute;z-index:1;}"
-  } : {
-    name: "1kcigpt-semanticContainer",
-    styles: "position:relative;& > *{position:absolute;z-index:1;};label:semanticContainer;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JxQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICByb290OiBjc3Moe1xuICAgIG92ZXJmbG93OiBcInZpc2libGVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIG91dGxpbmU6IHRoZW1lLmNhcmQub3V0bGluZSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNhcmQuYm9yZGVyUmFkaXVzLFxuICAgIFwiJi5mb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG4gIHNlbGVjdGVkOiBjc3Moe1xuICAgIG91dGxpbmU6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICB9LFxuICB9KSxcbiAgc2VsZWN0YWJsZTogY3NzKHtcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNhcmQuaG92ZXJDb2xvcn1gLFxuICAgIH0sXG4gIH0pLFxuICBzZW1hbnRpY0NvbnRhaW5lcjogY3NzKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiJiA+ICpcIjoge1xuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHpJbmRleDogMSxcbiAgICB9LFxuICB9KSxcbiAgaWNvbjogY3NzKHtcbiAgICB0b3A6IGBjYWxjKCR7dGhlbWUuY2FyZC5pY29uTWFyZ2lufSArICR7dGhlbWUuc3BhY2UueHN9KWAsXG4gICAgcmlnaHQ6IGBjYWxjKCR7dGhlbWUuY2FyZC5pY29uTWFyZ2lufSArICR7dGhlbWUuc3BhY2UueHN9KWAsXG4gIH0pLFxuICBzZW1hbnRpY0JhcjogY3NzKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgdG9wOiAtMSxcbiAgICByaWdodDogMCxcbiAgfSksXG59O1xuIl19 */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }),
-  icon: /* @__PURE__ */ css({
+  },
+  semanticContainer: {
+    position: "relative",
+    "& > *": {
+      position: "absolute",
+      zIndex: 1
+    }
+  },
+  icon: {
     top: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,
     right: `calc(${theme.card.iconMargin} + ${theme.space.xs})`
-  }, process.env.NODE_ENV === "production" ? "" : ";label:icon;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NRIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHJvb3Q6IGNzcyh7XG4gICAgb3ZlcmZsb3c6IFwidmlzaWJsZVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgb3V0bGluZTogdGhlbWUuY2FyZC5vdXRsaW5lLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuY2FyZC5ib3JkZXJSYWRpdXMsXG4gICAgXCImLmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbiAgc2VsZWN0ZWQ6IGNzcyh7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIH0sXG4gIH0pLFxuICBzZWxlY3RhYmxlOiBjc3Moe1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY2FyZC5ob3ZlckNvbG9yfWAsXG4gICAgfSxcbiAgfSksXG4gIHNlbWFudGljQ29udGFpbmVyOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCImID4gKlwiOiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgekluZGV4OiAxLFxuICAgIH0sXG4gIH0pLFxuICBpY29uOiBjc3Moe1xuICAgIHRvcDogYGNhbGMoJHt0aGVtZS5jYXJkLmljb25NYXJnaW59ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgICByaWdodDogYGNhbGMoJHt0aGVtZS5jYXJkLmljb25NYXJnaW59ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG4gIHNlbWFudGljQmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB0b3A6IC0xLFxuICAgIHJpZ2h0OiAwLFxuICB9KSxcbn07XG4iXX0= */"),
-  semanticBar: /* @__PURE__ */ css({
+  },
+  semanticBar: {
     width: "100%",
     top: -1,
     right: 0
-  }, process.env.NODE_ENV === "production" ? "" : ";label:semanticBar;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENlIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHJvb3Q6IGNzcyh7XG4gICAgb3ZlcmZsb3c6IFwidmlzaWJsZVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgb3V0bGluZTogdGhlbWUuY2FyZC5vdXRsaW5lLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuY2FyZC5ib3JkZXJSYWRpdXMsXG4gICAgXCImLmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbiAgc2VsZWN0ZWQ6IGNzcyh7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgIH0sXG4gIH0pLFxuICBzZWxlY3RhYmxlOiBjc3Moe1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBvdXRsaW5lOiBgMXB4IHNvbGlkICR7dGhlbWUuY2FyZC5ob3ZlckNvbG9yfWAsXG4gICAgfSxcbiAgfSksXG4gIHNlbWFudGljQ29udGFpbmVyOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCImID4gKlwiOiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgekluZGV4OiAxLFxuICAgIH0sXG4gIH0pLFxuICBpY29uOiBjc3Moe1xuICAgIHRvcDogYGNhbGMoJHt0aGVtZS5jYXJkLmljb25NYXJnaW59ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgICByaWdodDogYGNhbGMoJHt0aGVtZS5jYXJkLmljb25NYXJnaW59ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG4gIHNlbWFudGljQmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB0b3A6IC0xLFxuICAgIHJpZ2h0OiAwLFxuICB9KSxcbn07XG4iXX0= */")
+  }
 };
 export {
   styles

package/dist/esm/components/Card/Card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\n\nexport const styles = {\n  root: css({\n    overflow: \"visible\",\n    position: \"relative\",\n    outline: theme.card.outline,\n    borderRadius: theme.card.borderRadius,\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  }),\n  selected: css({\n    outline: `1px solid ${theme.colors.acce1}`,\n    \"&:hover\": {\n      outline: `1px solid ${theme.colors.acce1}`,\n    },\n    \"&:focus\": {\n      outline: `1px solid ${theme.colors.acce1}`,\n    },\n  }),\n  selectable: css({\n    \"&:hover\": {\n      outline: `1px solid ${theme.card.hoverColor}`,\n    },\n  }),\n  semanticContainer: css({\n    position: \"relative\",\n    \"& > *\": {\n      position: \"absolute\",\n      zIndex: 1,\n    },\n  }),\n  icon: css({\n    top: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n    right: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n  }),\n  semanticBar: css({\n    width: \"100%\",\n    top: -1,\n    right: 0,\n  }),\n};\n"],"names":["styles","root","overflow","position","outline","theme","card","borderRadius","outlineStyles","process","env","NODE_ENV","selected","colors","acce1","selectable","hoverColor","semanticContainer","css","name","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","icon","top","iconMargin","space","xs","right","semanticBar","width"],"mappings":";;;;;;AAIO,MAAMA,SAAS;AAAA,EACpBC,MAAU,oBAAA;AAAA,IACRC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAASC,MAAMC,KAAKF;AAAAA,IACpBG,cAAcF,MAAMC,KAAKC;AAAAA,IACzB,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTJ,SAAS;AAAA,IACX;AAAA,EACDK,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,gBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8DAAA;AAAA,EACFC,UAAc,oBAAA;AAAA,IACZR,SAAU,aAAYC,MAAMQ,OAAOC;AAAAA,IACnC,WAAW;AAAA,MACTV,SAAU,aAAYC,MAAMQ,OAAOC;AAAAA,IACrC;AAAA,IACA,WAAW;AAAA,MACTV,SAAU,aAAYC,MAAMQ,OAAOC;AAAAA,IACrC;AAAA,EACDL,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,oBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8DAAA;AAAA,EACFI,YAAgB,oBAAA;AAAA,IACd,WAAW;AAAA,MACTX,SAAU,aAAYC,MAAMC,KAAKU;AAAAA,IACnC;AAAA,EACDP,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,sBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8DAAA;AAAA,EACFM,mBAAmBC,oBAAGT,QAAAC,IAAAC,aAAA,eAAA;AAAA,IAAAQ,MAAA;AAAA,IAAAnB,QAAA;AAAA,EAAA,IAAA;AAAA,IAAAmB,MAAA;AAAA,IAAAnB,QAAA;AAAA,IAAAoB,KAAA;AAAA,IAAAC,UAAAC;AAAAA,EAAAA,CAMpB;AAAA,EACFC,MAAU,oBAAA;AAAA,IACRC,KAAM,QAAOnB,MAAMC,KAAKmB,gBAAgBpB,MAAMqB,MAAMC;AAAAA,IACpDC,OAAQ,QAAOvB,MAAMC,KAAKmB,gBAAgBpB,MAAMqB,MAAMC;AAAAA,EACvDlB,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,gBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8DAAA;AAAA,EACFkB,aAAiB,oBAAA;AAAA,IACfC,OAAO;AAAA,IACPN,KAAK;AAAA,IACLI,OAAO;AAAA,EACRnB,GAAAA,QAAAC,IAAAC,aAAA,eAAA,KAAA,uBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,q8DAAA;AACH;"}
+{"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils/focusUtils\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  root: {\n    overflow: \"visible\",\n    position: \"relative\",\n    outline: theme.card.outline,\n    borderRadius: theme.card.borderRadius,\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  selected: {\n    outline: `1px solid ${theme.colors.secondary}`,\n    \"&:hover\": {\n      outline: `1px solid ${theme.colors.secondary}`,\n    },\n    \"&:focus\": {\n      outline: `1px solid ${theme.colors.secondary}`,\n    },\n  },\n  selectable: {\n    \"&:hover\": {\n      outline: `1px solid ${theme.card.hoverColor}`,\n    },\n  },\n  semanticContainer: {\n    position: \"relative\",\n    \"& > *\": {\n      position: \"absolute\",\n      zIndex: 1,\n    },\n  },\n  icon: {\n    top: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n    right: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n  },\n  semanticBar: {\n    width: \"100%\",\n    top: -1,\n    right: 0,\n  },\n};\n"],"names":["styles","root","overflow","position","outline","theme","card","borderRadius","outlineStyles","selected","colors","secondary","selectable","hoverColor","semanticContainer","zIndex","icon","top","iconMargin","space","xs","right","semanticBar","width"],"mappings":";;AAIO,MAAMA,SAA8C;AAAA,EACzDC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAASC,MAAMC,KAAKF;AAAAA,IACpBG,cAAcF,MAAMC,KAAKC;AAAAA,IACzB,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTJ,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAK,UAAU;AAAA,IACRL,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACnC,WAAW;AAAA,MACTP,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACrC;AAAA,IACA,WAAW;AAAA,MACTP,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACrC;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACV,WAAW;AAAA,MACTR,SAAU,aAAYC,MAAMC,KAAKO;AAAAA,IACnC;AAAA,EACF;AAAA,EACAC,mBAAmB;AAAA,IACjBX,UAAU;AAAA,IACV,SAAS;AAAA,MACPA,UAAU;AAAA,MACVY,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJC,KAAM,QAAOZ,MAAMC,KAAKY,gBAAgBb,MAAMc,MAAMC;AAAAA,IACpDC,OAAQ,QAAOhB,MAAMC,KAAKY,gBAAgBb,MAAMc,MAAMC;AAAAA,EACxD;AAAA,EACAE,aAAa;AAAA,IACXC,OAAO;AAAA,IACPN,KAAK;AAAA,IACLI,OAAO;AAAA,EACT;AACF;"}

package/dist/esm/components/Card/Content/Content.js

@@ -1,9 +1,10 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { styles } from "./Content.styles.js";
 import MuiCardContent from "@mui/material/CardContent";
 import cardContentClasses from "./contentClasses.js";
-const HvContent = ({
+import { ClassNames } from "@emotion/react";
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvCardContent = ({
   id,
   classes,
   className,
@@ -11,9 +12,19 @@ const HvContent = ({
   onClick,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(MuiCardContent, { id, className: clsx(styles.content, classes == null ? void 0 : classes.content, cardContentClasses.content, className), onClick, ...others, children });
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsx(MuiCardContent, {
+      id,
+      className: clsx(css(styles.content), classes == null ? void 0 : classes.content, cardContentClasses.content, className),
+      onClick,
+      ...others,
+      children
+    })
+  });
 };
 export {
-  HvContent
+  HvCardContent
 };
 //# sourceMappingURL=Content.js.map

package/dist/esm/components/Card/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/Card/Content/Content.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { styles } from \"./Content.styles\";\nimport MuiCardContent, {\n  CardContentProps as MuiCardContentProps,\n} from \"@mui/material/CardContent\";\nimport cardContentClasses, { HvCardContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = Omit<MuiCardContentProps, \"classes\"> &\n  HvBaseProps & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: (event: React.SyntheticEvent) => void;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardContentClasses;\n  };\n\nexport const HvContent = ({\n  id,\n  classes,\n  className,\n  children,\n  onClick,\n  ...others\n}: HvContentProps) => {\n  return (\n    <MuiCardContent\n      id={id}\n      className={clsx(\n        styles.content,\n        classes?.content,\n        cardContentClasses.content,\n        className\n      )}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardContent>\n  );\n};\n"],"names":["HvContent","id","classes","className","children","onClick","others","clsx","styles","content","cardContentClasses"],"mappings":";;;;;AAkBO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,6BACG,gBACC,EAAA,IACA,WAAWC,KACTC,OAAOC,SACPP,mCAASO,SACTC,mBAAmBD,SACnBN,SAAS,GAEX,SACA,GAAIG,QAEHF,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Card/Content/Content.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types/generic\";\nimport { styles } from \"./Content.styles\";\nimport MuiCardContent, {\n  CardContentProps as MuiCardContentProps,\n} from \"@mui/material/CardContent\";\nimport cardContentClasses, { HvCardContentClasses } from \"./contentClasses\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvCardContentProps = Omit<MuiCardContentProps, \"classes\"> &\n  HvBaseProps & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: (event: React.SyntheticEvent) => void;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardContentClasses;\n  };\n\nexport const HvCardContent = ({\n  id,\n  classes,\n  className,\n  children,\n  onClick,\n  ...others\n}: HvCardContentProps) => {\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiCardContent\n          id={id}\n          className={clsx(\n            css(styles.content),\n            classes?.content,\n            cardContentClasses.content,\n            className\n          )}\n          onClick={onClick}\n          {...others}\n        >\n          {children}\n        </MuiCardContent>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvCardContent","id","classes","className","children","onClick","others","ClassNames","css","MuiCardContent","clsx","styles","content","cardContentClasses"],"mappings":";;;;;;AAmBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AACxB,6BACGC,YAAU;AAAA,IAAAH,UACRA,CAAC;AAAA,MAAEI;AAAAA,IAAAA,0BACDC,gBAAc;AAAA,MACbR;AAAAA,MACAE,WAAWO,KACTF,IAAIG,OAAOC,OAAO,GAClBV,mCAASU,SACTC,mBAAmBD,SACnBT,SAAS;AAAA,MAEXE;AAAAA,MAAiB,GACbC;AAAAA,MAAMF;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;"}

package/dist/esm/components/Card/Content/Content.styles.js

@@ -1,12 +1,11 @@
-import { css } from "@emotion/css";
 import { theme } from "@hitachivantara/uikit-styles";
 const styles = {
-  content: /* @__PURE__ */ css({
+  content: {
     padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,
     "&:last-child": {
       paddingBottom: theme.space.sm
     }
-  }, process.env.NODE_ENV === "production" ? "" : ";label:content;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJVyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhcmQvQ29udGVudC9Db250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGNvbnRlbnQ6IGNzcyh7XG4gICAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX0gMTVweCAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2Uuc20sXG4gICAgfSxcbiAgfSksXG59O1xuIl19 */")
+  }
 };
 export {
   styles

package/dist/esm/components/Card/Content/Content.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Card/Content/Content.styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles = {\n  content: css({\n    padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,\n    \"&:last-child\": {\n      paddingBottom: theme.space.sm,\n    },\n  }),\n};\n"],"names":["styles","content","padding","theme","space","sm","paddingBottom","process","env","NODE_ENV"],"mappings":";;AAGO,MAAMA,SAAS;AAAA,EACpBC,SAAa,oBAAA;AAAA,IACXC,SAAU,KAAIC,MAAMC,MAAMC,WAAWF,MAAMC,MAAMC;AAAAA,IACjD,gBAAgB;AAAA,MACdC,eAAeH,MAAMC,MAAMC;AAAAA,IAC7B;AAAA,EACDE,GAAAA,QAAAC,IAAAC,aAAA,eAAA,KAAA,mBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,q1BAAA;AACH;"}
+{"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Card/Content/Content.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  content: {\n    padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,\n    \"&:last-child\": {\n      paddingBottom: theme.space.sm,\n    },\n  },\n};\n"],"names":["styles","content","padding","theme","space","sm","paddingBottom"],"mappings":";AAGO,MAAMA,SAA8C;AAAA,EACzDC,SAAS;AAAA,IACPC,SAAU,KAAIC,MAAMC,MAAMC,WAAWF,MAAMC,MAAMC;AAAAA,IACjD,gBAAgB;AAAA,MACdC,eAAeH,MAAMC,MAAMC;AAAAA,IAC7B;AAAA,EACF;AACF;"}

package/dist/esm/components/Card/Header/Header.js

@@ -1,12 +1,11 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import MuiCardHeader from "@mui/material/CardHeader";
 import cardHeaderClasses from "./headerClasses.js";
 import { styles } from "./Header.styles.js";
-import { css } from "@emotion/css";
-import { useContext } from "react";
-import { HvThemeContext } from "../../../providers/ThemeProvider.js";
-const HvHeader = ({
+import { ClassNames } from "@emotion/react";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useTheme } from "../../../hooks/useTheme.js";
+const HvCardHeader = ({
   classes,
   className,
   title,
@@ -17,22 +16,34 @@ const HvHeader = ({
 }) => {
   const {
     activeTheme
-  } = useContext(HvThemeContext);
-  return /* @__PURE__ */ jsx(MuiCardHeader, { title, subheader, action: icon, onClick, className: clsx(styles.root, classes == null ? void 0 : classes.root, cardHeaderClasses.root, className), classes: {
-    title: icon ? clsx(styles.titleShort, cardHeaderClasses.titleShort, classes == null ? void 0 : classes.titleShort, /* @__PURE__ */ css({
-      ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
-    }, process.env.NODE_ENV === "production" ? "" : ";label:title;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBNdWlDYXJkSGVhZGVyLCB7XG4gIENhcmRIZWFkZXJQcm9wcyBhcyBNdWlDYXJkSGVhZGVyUHJvcHMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgY2FyZEhlYWRlckNsYXNzZXMsIHsgSHZDYXJkSGVhZGVyQ2xhc3NlcyB9IGZyb20gXCIuL2hlYWRlckNsYXNzZXNcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL0hlYWRlci5zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIdkhlYWRlclByb3BzID0gT21pdDxNdWlDYXJkSGVhZGVyUHJvcHMsIFwiY2xhc3Nlc1wiPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxEaXZFbGVtZW50LCB7IHRpdGxlIH0+ICYge1xuICAgIC8qKiBUaGUgcmVuZGVyYWJsZSBjb250ZW50IGluc2lkZSB0aGUgdGl0bGUgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSByZW5kZXJhYmxlIGNvbnRlbnQgaW5zaWRlIHRoZSBzdWJoZWFkZXIgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHN1YmhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgd2hlbiB0aGlzIHNlY3Rpb24gaXMgY2xpY2tlZC4gKi9cbiAgICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+IHwgdW5kZWZpbmVkO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2Q2FyZEhlYWRlckNsYXNzZXM7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBIdkhlYWRlciA9ICh7XG4gIGNsYXNzZXMsXG4gIGNsYXNzTmFtZSxcbiAgdGl0bGUsXG4gIHN1YmhlYWRlcixcbiAgaWNvbixcbiAgb25DbGljayxcbiAgLi4ub3RoZXJzXG59OiBIdkhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZUNvbnRleHQoSHZUaGVtZUNvbnRleHQpO1xuXG4gIHJldHVybiAoXG4gICAgPE11aUNhcmRIZWFkZXJcbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIHN1YmhlYWRlcj17c3ViaGVhZGVyfVxuICAgICAgYWN0aW9uPXtpY29ufVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgc3R5bGVzLnJvb3QsXG4gICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnJvb3QsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgdGl0bGU6IGljb25cbiAgICAgICAgICA/IGNsc3goXG4gICAgICAgICAgICAgIHN0eWxlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjYXJkSGVhZGVyQ2xhc3Nlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgICAgIC4uLmFjdGl2ZVRoZW1lPy50eXBvZ3JhcGh5W2FjdGl2ZVRoZW1lPy5jYXJkLnRpdGxlVmFyaWFudF0sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjbHN4KFxuICAgICAgICAgICAgICBzdHlsZXMudGl0bGUsXG4gICAgICAgICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnRpdGxlLFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAuLi5hY3RpdmVUaGVtZT8udHlwb2dyYXBoeVthY3RpdmVUaGVtZT8uY2FyZC50aXRsZVZhcmlhbnRdLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgc3ViaGVhZGVyOiBjbHN4KFxuICAgICAgICAgIHN0eWxlcy5zdWJoZWFkZXIsXG4gICAgICAgICAgY2FyZEhlYWRlckNsYXNzZXMuc3ViaGVhZGVyLFxuICAgICAgICAgIGNsYXNzZXM/LnN1YmhlYWRlcixcbiAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgLi4uYWN0aXZlVGhlbWU/LnR5cG9ncmFwaHlbYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyVmFyaWFudF0sXG4gICAgICAgICAgICBjb2xvcjogYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyQ29sb3IsXG4gICAgICAgICAgfSlcbiAgICAgICAgKSxcbiAgICAgICAgYWN0aW9uOiBjbHN4KHN0eWxlcy5hY3Rpb24sIGNhcmRIZWFkZXJDbGFzc2VzLmFjdGlvbiwgY2xhc3Nlcz8uYWN0aW9uKSxcbiAgICAgICAgY29udGVudDogY2xzeChjYXJkSGVhZGVyQ2xhc3Nlcy5jb250ZW50LCBjbGFzc2VzPy5jb250ZW50KSxcbiAgICAgIH19XG4gICAgICB7Li4ub3RoZXJzfVxuICAgIC8+XG4gICk7XG59O1xuIl19 */")) : clsx(styles.title, cardHeaderClasses.title, classes == null ? void 0 : classes.title, /* @__PURE__ */ css({
-      ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
-    }, process.env.NODE_ENV === "production" ? "" : ";label:title;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RGMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBNdWlDYXJkSGVhZGVyLCB7XG4gIENhcmRIZWFkZXJQcm9wcyBhcyBNdWlDYXJkSGVhZGVyUHJvcHMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgY2FyZEhlYWRlckNsYXNzZXMsIHsgSHZDYXJkSGVhZGVyQ2xhc3NlcyB9IGZyb20gXCIuL2hlYWRlckNsYXNzZXNcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL0hlYWRlci5zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIdkhlYWRlclByb3BzID0gT21pdDxNdWlDYXJkSGVhZGVyUHJvcHMsIFwiY2xhc3Nlc1wiPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxEaXZFbGVtZW50LCB7IHRpdGxlIH0+ICYge1xuICAgIC8qKiBUaGUgcmVuZGVyYWJsZSBjb250ZW50IGluc2lkZSB0aGUgdGl0bGUgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSByZW5kZXJhYmxlIGNvbnRlbnQgaW5zaWRlIHRoZSBzdWJoZWFkZXIgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHN1YmhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgd2hlbiB0aGlzIHNlY3Rpb24gaXMgY2xpY2tlZC4gKi9cbiAgICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+IHwgdW5kZWZpbmVkO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2Q2FyZEhlYWRlckNsYXNzZXM7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBIdkhlYWRlciA9ICh7XG4gIGNsYXNzZXMsXG4gIGNsYXNzTmFtZSxcbiAgdGl0bGUsXG4gIHN1YmhlYWRlcixcbiAgaWNvbixcbiAgb25DbGljayxcbiAgLi4ub3RoZXJzXG59OiBIdkhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZUNvbnRleHQoSHZUaGVtZUNvbnRleHQpO1xuXG4gIHJldHVybiAoXG4gICAgPE11aUNhcmRIZWFkZXJcbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIHN1YmhlYWRlcj17c3ViaGVhZGVyfVxuICAgICAgYWN0aW9uPXtpY29ufVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgc3R5bGVzLnJvb3QsXG4gICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnJvb3QsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgdGl0bGU6IGljb25cbiAgICAgICAgICA/IGNsc3goXG4gICAgICAgICAgICAgIHN0eWxlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjYXJkSGVhZGVyQ2xhc3Nlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgICAgIC4uLmFjdGl2ZVRoZW1lPy50eXBvZ3JhcGh5W2FjdGl2ZVRoZW1lPy5jYXJkLnRpdGxlVmFyaWFudF0sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjbHN4KFxuICAgICAgICAgICAgICBzdHlsZXMudGl0bGUsXG4gICAgICAgICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnRpdGxlLFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAuLi5hY3RpdmVUaGVtZT8udHlwb2dyYXBoeVthY3RpdmVUaGVtZT8uY2FyZC50aXRsZVZhcmlhbnRdLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgc3ViaGVhZGVyOiBjbHN4KFxuICAgICAgICAgIHN0eWxlcy5zdWJoZWFkZXIsXG4gICAgICAgICAgY2FyZEhlYWRlckNsYXNzZXMuc3ViaGVhZGVyLFxuICAgICAgICAgIGNsYXNzZXM/LnN1YmhlYWRlcixcbiAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgLi4uYWN0aXZlVGhlbWU/LnR5cG9ncmFwaHlbYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyVmFyaWFudF0sXG4gICAgICAgICAgICBjb2xvcjogYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyQ29sb3IsXG4gICAgICAgICAgfSlcbiAgICAgICAgKSxcbiAgICAgICAgYWN0aW9uOiBjbHN4KHN0eWxlcy5hY3Rpb24sIGNhcmRIZWFkZXJDbGFzc2VzLmFjdGlvbiwgY2xhc3Nlcz8uYWN0aW9uKSxcbiAgICAgICAgY29udGVudDogY2xzeChjYXJkSGVhZGVyQ2xhc3Nlcy5jb250ZW50LCBjbGFzc2VzPy5jb250ZW50KSxcbiAgICAgIH19XG4gICAgICB7Li4ub3RoZXJzfVxuICAgIC8+XG4gICk7XG59O1xuIl19 */")),
-    subheader: clsx(styles.subheader, cardHeaderClasses.subheader, classes == null ? void 0 : classes.subheader, /* @__PURE__ */ css({
-      ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.subheaderVariant],
-      color: activeTheme == null ? void 0 : activeTheme.card.subheaderColor
-    }, process.env.NODE_ENV === "production" ? "" : ";label:subheader;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRVUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBNdWlDYXJkSGVhZGVyLCB7XG4gIENhcmRIZWFkZXJQcm9wcyBhcyBNdWlDYXJkSGVhZGVyUHJvcHMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgY2FyZEhlYWRlckNsYXNzZXMsIHsgSHZDYXJkSGVhZGVyQ2xhc3NlcyB9IGZyb20gXCIuL2hlYWRlckNsYXNzZXNcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL0hlYWRlci5zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIdkhlYWRlclByb3BzID0gT21pdDxNdWlDYXJkSGVhZGVyUHJvcHMsIFwiY2xhc3Nlc1wiPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxEaXZFbGVtZW50LCB7IHRpdGxlIH0+ICYge1xuICAgIC8qKiBUaGUgcmVuZGVyYWJsZSBjb250ZW50IGluc2lkZSB0aGUgdGl0bGUgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSByZW5kZXJhYmxlIGNvbnRlbnQgaW5zaWRlIHRoZSBzdWJoZWFkZXIgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHN1YmhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgd2hlbiB0aGlzIHNlY3Rpb24gaXMgY2xpY2tlZC4gKi9cbiAgICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+IHwgdW5kZWZpbmVkO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2Q2FyZEhlYWRlckNsYXNzZXM7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBIdkhlYWRlciA9ICh7XG4gIGNsYXNzZXMsXG4gIGNsYXNzTmFtZSxcbiAgdGl0bGUsXG4gIHN1YmhlYWRlcixcbiAgaWNvbixcbiAgb25DbGljayxcbiAgLi4ub3RoZXJzXG59OiBIdkhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZUNvbnRleHQoSHZUaGVtZUNvbnRleHQpO1xuXG4gIHJldHVybiAoXG4gICAgPE11aUNhcmRIZWFkZXJcbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIHN1YmhlYWRlcj17c3ViaGVhZGVyfVxuICAgICAgYWN0aW9uPXtpY29ufVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgc3R5bGVzLnJvb3QsXG4gICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnJvb3QsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgdGl0bGU6IGljb25cbiAgICAgICAgICA/IGNsc3goXG4gICAgICAgICAgICAgIHN0eWxlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjYXJkSGVhZGVyQ2xhc3Nlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgICAgIC4uLmFjdGl2ZVRoZW1lPy50eXBvZ3JhcGh5W2FjdGl2ZVRoZW1lPy5jYXJkLnRpdGxlVmFyaWFudF0sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjbHN4KFxuICAgICAgICAgICAgICBzdHlsZXMudGl0bGUsXG4gICAgICAgICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnRpdGxlLFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAuLi5hY3RpdmVUaGVtZT8udHlwb2dyYXBoeVthY3RpdmVUaGVtZT8uY2FyZC50aXRsZVZhcmlhbnRdLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgc3ViaGVhZGVyOiBjbHN4KFxuICAgICAgICAgIHN0eWxlcy5zdWJoZWFkZXIsXG4gICAgICAgICAgY2FyZEhlYWRlckNsYXNzZXMuc3ViaGVhZGVyLFxuICAgICAgICAgIGNsYXNzZXM/LnN1YmhlYWRlcixcbiAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgLi4uYWN0aXZlVGhlbWU/LnR5cG9ncmFwaHlbYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyVmFyaWFudF0sXG4gICAgICAgICAgICBjb2xvcjogYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyQ29sb3IsXG4gICAgICAgICAgfSlcbiAgICAgICAgKSxcbiAgICAgICAgYWN0aW9uOiBjbHN4KHN0eWxlcy5hY3Rpb24sIGNhcmRIZWFkZXJDbGFzc2VzLmFjdGlvbiwgY2xhc3Nlcz8uYWN0aW9uKSxcbiAgICAgICAgY29udGVudDogY2xzeChjYXJkSGVhZGVyQ2xhc3Nlcy5jb250ZW50LCBjbGFzc2VzPy5jb250ZW50KSxcbiAgICAgIH19XG4gICAgICB7Li4ub3RoZXJzfVxuICAgIC8+XG4gICk7XG59O1xuIl19 */")),
-    action: clsx(styles.action, cardHeaderClasses.action, classes == null ? void 0 : classes.action),
-    content: clsx(cardHeaderClasses.content, classes == null ? void 0 : classes.content)
-  }, ...others });
+  } = useTheme();
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsx(MuiCardHeader, {
+      title,
+      subheader,
+      action: icon,
+      onClick,
+      className: clsx(css(styles.root), classes == null ? void 0 : classes.root, cardHeaderClasses.root, className),
+      classes: {
+        title: icon ? clsx(css(styles.titleShort), cardHeaderClasses.titleShort, classes == null ? void 0 : classes.titleShort, css({
+          ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+        })) : clsx(css(styles.title), cardHeaderClasses.title, classes == null ? void 0 : classes.title, css({
+          ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+        })),
+        subheader: clsx(css(styles.subheader), cardHeaderClasses.subheader, classes == null ? void 0 : classes.subheader, css({
+          ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.subheaderVariant],
+          color: activeTheme == null ? void 0 : activeTheme.card.subheaderColor
+        })),
+        action: clsx(css(styles.action), cardHeaderClasses.action, classes == null ? void 0 : classes.action),
+        content: clsx(cardHeaderClasses.content, classes == null ? void 0 : classes.content)
+      },
+      ...others
+    })
+  });
 };
 export {
-  HvHeader
+  HvCardHeader
 };
 //# sourceMappingURL=Header.js.map

package/dist/esm/components/Card/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport MuiCardHeader, {\n  CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\nimport { HvBaseProps } from \"../../../types\";\nimport cardHeaderClasses, { HvCardHeaderClasses } from \"./headerClasses\";\nimport { styles } from \"./Header.styles\";\nimport { css } from \"@emotion/css\";\nimport { HvThemeContext } from \"providers\";\nimport { useContext } from \"react\";\n\nexport type HvHeaderProps = Omit<MuiCardHeaderProps, \"classes\"> &\n  HvBaseProps<HTMLDivElement, { title }> & {\n    /** The renderable content inside the title slot of the header. */\n    title: React.ReactNode;\n    /** The renderable content inside the subheader slot of the header. */\n    subheader?: React.ReactNode;\n    /** The renderable content inside the icon slot of the header. */\n    icon?: React.ReactNode;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardHeaderClasses;\n  };\n\nexport const HvHeader = ({\n  classes,\n  className,\n  title,\n  subheader,\n  icon,\n  onClick,\n  ...others\n}: HvHeaderProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  return (\n    <MuiCardHeader\n      title={title}\n      subheader={subheader}\n      action={icon}\n      onClick={onClick}\n      className={clsx(\n        styles.root,\n        classes?.root,\n        cardHeaderClasses.root,\n        className\n      )}\n      classes={{\n        title: icon\n          ? clsx(\n              styles.titleShort,\n              cardHeaderClasses.titleShort,\n              classes?.titleShort,\n              css({\n                ...activeTheme?.typography[activeTheme?.card.titleVariant],\n              })\n            )\n          : clsx(\n              styles.title,\n              cardHeaderClasses.title,\n              classes?.title,\n              css({\n                ...activeTheme?.typography[activeTheme?.card.titleVariant],\n              })\n            ),\n        subheader: clsx(\n          styles.subheader,\n          cardHeaderClasses.subheader,\n          classes?.subheader,\n          css({\n            ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n            color: activeTheme?.card.subheaderColor,\n          })\n        ),\n        action: clsx(styles.action, cardHeaderClasses.action, classes?.action),\n        content: clsx(cardHeaderClasses.content, classes?.content),\n      }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvHeader","classes","className","title","subheader","icon","onClick","others","activeTheme","useContext","HvThemeContext","clsx","styles","root","cardHeaderClasses","titleShort","typography","card","titleVariant","process","env","NODE_ENV","subheaderVariant","color","subheaderColor","action","content"],"mappings":";;;;;;;;AAyBO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,WAAWC,cAAc;AAEjD,6BACG,eACC,EAAA,OACA,WACA,QAAQL,MACR,SACA,WAAWM,KACTC,OAAOC,MACPZ,mCAASY,MACTC,kBAAkBD,MAClBX,SAAS,GAEX,SAAS;AAAA,IACPC,OAAOE,OACHM,KACEC,OAAOG,YACPD,kBAAkBC,YAClBd,mCAASc,YACL,oBAAA;AAAA,MACF,GAAGP,2CAAaQ,WAAWR,2CAAaS,KAAKC;AAAAA,IAAAA,GAC9CC,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,iBAAAA,QAAAC,IAAAC,u6HAAC,IAEJV,KACEC,OAAOT,OACPW,kBAAkBX,OAClBF,mCAASE,OACL,oBAAA;AAAA,MACF,GAAGK,2CAAaQ,WAAWR,2CAAaS,KAAKC;AAAAA,IAC9CC,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,iBAAAA,QAAAC,IAAAC,u6HAAC;AAAA,IAERjB,WAAWO,KACTC,OAAOR,WACPU,kBAAkBV,WAClBH,mCAASG,WACL,oBAAA;AAAA,MACF,GAAGI,2CAAaQ,WAAWR,2CAAaS,KAAKK;AAAAA,MAC7CC,OAAOf,2CAAaS,KAAKO;AAAAA,IAC1BL,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,qBAAAA,QAAAC,IAAAC,u6HAAC;AAAA,IAEJI,QAAQd,KAAKC,OAAOa,QAAQX,kBAAkBW,QAAQxB,mCAASwB,MAAM;AAAA,IACrEC,SAASf,KAAKG,kBAAkBY,SAASzB,mCAASyB,OAAO;AAAA,EAAA,GAEvDnB,GAAAA,OACJ,CAAA;AAEN;"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport MuiCardHeader, {\n  CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\nimport { HvBaseProps } from \"../../../types/generic\";\nimport cardHeaderClasses, { HvCardHeaderClasses } from \"./headerClasses\";\nimport { styles } from \"./Header.styles\";\nimport { useTheme } from \"hooks\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvCardHeaderProps = Omit<MuiCardHeaderProps, \"classes\"> &\n  HvBaseProps<HTMLDivElement, { title }> & {\n    /** The renderable content inside the title slot of the header. */\n    title: React.ReactNode;\n    /** The renderable content inside the subheader slot of the header. */\n    subheader?: React.ReactNode;\n    /** The renderable content inside the icon slot of the header. */\n    icon?: React.ReactNode;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardHeaderClasses;\n  };\n\nexport const HvCardHeader = ({\n  classes,\n  className,\n  title,\n  subheader,\n  icon,\n  onClick,\n  ...others\n}: HvCardHeaderProps) => {\n  const { activeTheme } = useTheme();\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiCardHeader\n          title={title}\n          subheader={subheader}\n          action={icon}\n          onClick={onClick}\n          className={clsx(\n            css(styles.root),\n            classes?.root,\n            cardHeaderClasses.root,\n            className\n          )}\n          classes={{\n            title: icon\n              ? clsx(\n                  css(styles.titleShort),\n                  cardHeaderClasses.titleShort,\n                  classes?.titleShort,\n                  css({\n                    ...activeTheme?.typography[activeTheme?.card.titleVariant],\n                  })\n                )\n              : clsx(\n                  css(styles.title),\n                  cardHeaderClasses.title,\n                  classes?.title,\n                  css({\n                    ...activeTheme?.typography[activeTheme?.card.titleVariant],\n                  })\n                ),\n            subheader: clsx(\n              css(styles.subheader),\n              cardHeaderClasses.subheader,\n              classes?.subheader,\n              css({\n                ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n                color: activeTheme?.card.subheaderColor,\n              })\n            ),\n            action: clsx(\n              css(styles.action),\n              cardHeaderClasses.action,\n              classes?.action\n            ),\n            content: clsx(cardHeaderClasses.content, classes?.content),\n          }}\n          {...others}\n        />\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvCardHeader","classes","className","title","subheader","icon","onClick","others","activeTheme","useTheme","ClassNames","children","css","MuiCardHeader","action","clsx","styles","root","cardHeaderClasses","titleShort","typography","card","titleVariant","subheaderVariant","color","subheaderColor","content"],"mappings":";;;;;;;AAwBO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU;AAElC,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,0BACDC,eAAa;AAAA,MACZV;AAAAA,MACAC;AAAAA,MACAU,QAAQT;AAAAA,MACRC;AAAAA,MACAJ,WAAWa,KACTH,IAAII,OAAOC,IAAI,GACfhB,mCAASgB,MACTC,kBAAkBD,MAClBf,SAAS;AAAA,MAEXD,SAAS;AAAA,QACPE,OAAOE,OACHU,KACEH,IAAII,OAAOG,UAAU,GACrBD,kBAAkBC,YAClBlB,mCAASkB,YACTP,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAC9C,CAAA,CAAC,IAEJP,KACEH,IAAII,OAAOb,KAAK,GAChBe,kBAAkBf,OAClBF,mCAASE,OACTS,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAAY,CAC1D,CAAC;AAAA,QAERlB,WAAWW,KACTH,IAAII,OAAOZ,SAAS,GACpBc,kBAAkBd,WAClBH,mCAASG,WACTQ,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKE;AAAAA,UAC7CC,OAAOhB,2CAAaa,KAAKI;AAAAA,QAAAA,CAC1B,CAAC;AAAA,QAEJX,QAAQC,KACNH,IAAII,OAAOF,MAAM,GACjBI,kBAAkBJ,QAClBb,mCAASa,MAAM;AAAA,QAEjBY,SAASX,KAAKG,kBAAkBQ,SAASzB,mCAASyB,OAAO;AAAA,MAC3D;AAAA,MAAE,GACEnB;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAGH;AAEjB;"}

package/dist/esm/components/Card/Header/Header.styles.js

@@ -1,28 +1,27 @@
 import { theme } from "@hitachivantara/uikit-styles";
-import { css } from "@emotion/css";
 const styles = {
-  root: /* @__PURE__ */ css({
+  root: {
     padding: `15px ${theme.space.sm}`,
     position: "relative"
-  }, process.env.NODE_ENV === "production" ? "" : ";label:root;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSVEiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */"),
-  titleShort: /* @__PURE__ */ css({
+  },
+  titleShort: {
     fontFamily: theme.fontFamily.body,
     marginRight: "30px"
-  }, process.env.NODE_ENV === "production" ? "" : ";label:titleShort;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */"),
-  title: /* @__PURE__ */ css({
+  },
+  title: {
     fontFamily: theme.fontFamily.body
-  }, process.env.NODE_ENV === "production" ? "" : ";label:title;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU1MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */"),
-  subheader: /* @__PURE__ */ css({
+  },
+  subheader: {
     fontFamily: theme.fontFamily.body
-  }, process.env.NODE_ENV === "production" ? "" : ";label:subheader;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWEiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */"),
-  action: /* @__PURE__ */ css({
+  },
+  action: {
     position: "absolute",
     right: 20,
     marginTop: 0,
     marginRight: "0px",
     paddingLeft: theme.space.xs,
     top: "15px"
-  }, process.env.NODE_ENV === "production" ? "" : ";label:action;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZVUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */")
+  }
 };
 export {
   styles

package/dist/esm/components/Card/Header/Header.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { css } from \"@emotion/css\";\n\nexport const styles = {\n  root: css({ padding: `15px ${theme.space.sm}`, position: \"relative\" }),\n  titleShort: css({\n    fontFamily: theme.fontFamily.body,\n    marginRight: \"30px\",\n  }),\n  title: css({\n    fontFamily: theme.fontFamily.body,\n  }),\n  subheader: css({\n    fontFamily: theme.fontFamily.body,\n  }),\n  action: css({\n    position: \"absolute\",\n    right: 20,\n    marginTop: 0,\n    marginRight: \"0px\",\n    paddingLeft: theme.space.xs,\n    top: \"15px\",\n  }),\n};\n"],"names":["styles","root","padding","theme","space","sm","position","process","env","NODE_ENV","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";;AAGO,MAAMA,SAAS;AAAA,EACpBC,MAAU,oBAAA;AAAA,IAAEC,SAAU,QAAOC,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAYC,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,gBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qvCAAA;AAAA,EACtEC,YAAgB,oBAAA;AAAA,IACdC,YAAYR,MAAMQ,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EACdN,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,sBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qvCAAA;AAAA,EACFK,OAAW,oBAAA;AAAA,IACTH,YAAYR,MAAMQ,WAAWC;AAAAA,EAC9BL,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,iBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qvCAAA;AAAA,EACFM,WAAe,oBAAA;AAAA,IACbJ,YAAYR,MAAMQ,WAAWC;AAAAA,EAC9BL,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,qBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qvCAAA;AAAA,EACFO,QAAY,oBAAA;AAAA,IACVV,UAAU;AAAA,IACVW,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAahB,MAAMC,MAAMgB;AAAAA,IACzBC,KAAK;AAAA,EACNd,GAAAA,QAAAC,IAAAC,aAAA,eAAA,KAAA,kBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,qvCAAA;AACH;"}
+{"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  root: { padding: `15px ${theme.space.sm}`, position: \"relative\" },\n  titleShort: {\n    fontFamily: theme.fontFamily.body,\n    marginRight: \"30px\",\n  },\n  title: {\n    fontFamily: theme.fontFamily.body,\n  },\n  subheader: {\n    fontFamily: theme.fontFamily.body,\n  },\n  action: {\n    position: \"absolute\",\n    right: 20,\n    marginTop: 0,\n    marginRight: \"0px\",\n    paddingLeft: theme.space.xs,\n    top: \"15px\",\n  },\n};\n"],"names":["styles","root","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";AAGO,MAAMA,SAA8C;AAAA,EACzDC,MAAM;AAAA,IAAEC,SAAU,QAAOC,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAW;AAAA,EAChEC,YAAY;AAAA,IACVC,YAAYL,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EACf;AAAA,EACAC,OAAO;AAAA,IACLH,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAG,WAAW;AAAA,IACTJ,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAI,QAAQ;AAAA,IACNP,UAAU;AAAA,IACVQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAab,MAAMC,MAAMa;AAAAA,IACzBC,KAAK;AAAA,EACP;AACF;"}

package/dist/esm/components/Card/Media/Media.js

@@ -1,9 +1,10 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import MuiCardMedia from "@mui/material/CardMedia";
 import { styles } from "./Media.styles.js";
 import cardMediaClasses from "./mediaClasses.js";
 import clsx from "clsx";
-const HvMedia = ({
+import { ClassNames } from "@emotion/react";
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvCardMedia = ({
   id,
   classes,
   className,
@@ -12,12 +13,25 @@ const HvMedia = ({
   onClick,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(MuiCardMedia, { id, classes: {
-    root: clsx(styles.root, cardMediaClasses.root, classes == null ? void 0 : classes.root),
-    media: clsx(cardMediaClasses.media, classes == null ? void 0 : classes.media)
-  }, className, role: "img", title, onClick, ...others, children });
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsx(MuiCardMedia, {
+      id,
+      classes: {
+        root: clsx(css(styles.root), cardMediaClasses.root, classes == null ? void 0 : classes.root),
+        media: clsx(cardMediaClasses.media, classes == null ? void 0 : classes.media)
+      },
+      className,
+      role: "img",
+      title,
+      onClick,
+      ...others,
+      children
+    })
+  });
 };
 export {
-  HvMedia
+  HvCardMedia
 };
 //# sourceMappingURL=Media.js.map

package/dist/esm/components/Card/Media/Media.js.map

@@ -1 +1 @@
-{"version":3,"file":"Media.js","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n  CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\nimport { styles } from \"./Media.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport clsx from \"clsx\";\nimport { ImgHTMLAttributes } from \"react\";\n\nexport type HvMediaProps = Omit<MuiCardMediaProps, \"classes\"> &\n  ImgHTMLAttributes<HTMLImageElement> &\n  HvBaseProps<HTMLDivElement, { onClick; title }> & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** The title of the media. */\n    title?: string;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n    /** The component used for the root node. Either a string to use a HTML element or a component. */\n    component?: React.ElementType;\n    /** The image to display. */\n    image?: string;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardMediaClasses;\n  };\n\nexport const HvMedia = ({\n  id,\n  classes,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvMediaProps) => {\n  return (\n    <MuiCardMedia\n      id={id}\n      classes={{\n        root: clsx(styles.root, cardMediaClasses.root, classes?.root),\n        media: clsx(cardMediaClasses.media, classes?.media),\n      }}\n      className={className}\n      role=\"img\"\n      title={title}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardMedia>\n  );\n};\n"],"names":["HvMedia","id","classes","className","children","title","onClick","others","root","clsx","styles","cardMediaClasses","media"],"mappings":";;;;;AA0BO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAEhB,SAAA,oBAAC,cACC,EAAA,IACA,SAAS;AAAA,IACPC,MAAMC,KAAKC,OAAOF,MAAMG,iBAAiBH,MAAMN,mCAASM,IAAI;AAAA,IAC5DI,OAAOH,KAAKE,iBAAiBC,OAAOV,mCAASU,KAAK;AAAA,EAAA,GAEpD,WACA,MAAK,OACL,OACA,SACIL,GAAAA,QAEHH,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"Media.js","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n  CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\nimport { styles } from \"./Media.styles\";\nimport { HvBaseProps } from \"../../../types/generic\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport clsx from \"clsx\";\nimport { ImgHTMLAttributes } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvCardMediaProps = Omit<MuiCardMediaProps, \"classes\"> &\n  ImgHTMLAttributes<HTMLImageElement> &\n  HvBaseProps<HTMLDivElement, { onClick; title }> & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** The title of the media. */\n    title?: string;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n    /** The component used for the root node. Either a string to use a HTML element or a component. */\n    component?: React.ElementType;\n    /** The image to display. */\n    image?: string;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardMediaClasses;\n  };\n\nexport const HvCardMedia = ({\n  id,\n  classes,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvCardMediaProps) => {\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiCardMedia\n          id={id}\n          classes={{\n            root: clsx(css(styles.root), cardMediaClasses.root, classes?.root),\n            media: clsx(cardMediaClasses.media, classes?.media),\n          }}\n          className={className}\n          role=\"img\"\n          title={title}\n          onClick={onClick}\n          {...others}\n        >\n          {children}\n        </MuiCardMedia>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvCardMedia","id","classes","className","children","title","onClick","others","ClassNames","css","MuiCardMedia","root","clsx","styles","cardMediaClasses","media","role"],"mappings":";;;;;;AA2BO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACa,MAAM;AACtB,6BACGC,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,IAAAA,0BACDC,cAAY;AAAA,MACXT;AAAAA,MACAC,SAAS;AAAA,QACPS,MAAMC,KAAKH,IAAII,OAAOF,IAAI,GAAGG,iBAAiBH,MAAMT,mCAASS,IAAI;AAAA,QACjEI,OAAOH,KAAKE,iBAAiBC,OAAOb,mCAASa,KAAK;AAAA,MACpD;AAAA,MACAZ;AAAAA,MACAa,MAAK;AAAA,MACLX;AAAAA,MACAC;AAAAA,MAAiB,GACbC;AAAAA,MAAMH;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;"}

package/dist/esm/components/Card/Media/Media.styles.js

@@ -1,17 +1,7 @@
-import { css } from "@emotion/css";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
 const styles = {
-  root: /* @__PURE__ */ css(process.env.NODE_ENV === "production" ? {
-    name: "1d3w5wq",
-    styles: "width:100%"
-  } : {
-    name: "abc58s-root",
-    styles: "width:100%;label:root;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9NZWRpYS9NZWRpYS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdRIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9NZWRpYS9NZWRpYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICByb290OiBjc3MoeyB3aWR0aDogXCIxMDAlXCIgfSksXG59O1xuIl19 */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  })
+  root: {
+    width: "100%"
+  }
 };
 export {
   styles

package/dist/esm/components/Card/Media/Media.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Media.styles.js","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\n\nexport const styles = {\n  root: css({ width: \"100%\" }),\n};\n"],"names":["styles","root","css","process","env","NODE_ENV","name","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,SAAS;AAAA,EACpBC,MAAMC,oBAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,IAAAC,MAAA;AAAA,IAAAN,QAAA;AAAA,EAAA,IAAA;AAAA,IAAAM,MAAA;AAAA,IAAAN,QAAA;AAAA,IAAAO,KAAA;AAAA,IAAAC,UAAAC;AAAAA,EAAAA,CAAA;AACX;"}
+{"version":3,"file":"Media.styles.js","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  root: { width: \"100%\" },\n};\n"],"names":["styles","root","width"],"mappings":"AAEO,MAAMA,SAA8C;AAAA,EACzDC,MAAM;AAAA,IAAEC,OAAO;AAAA,EAAO;AACxB;"}