@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Card/Content/Content.js

@@ -0,0 +1,63 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "className", "children", "onClick"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { CardContent, withStyles } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * The content container for the card.
+ */
+
+export const Content = props => {
+  const {
+    id,
+    classes,
+    className,
+    children,
+    onClick
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(CardContent, _extends({
+    id: id,
+    className: clsx(classes.content, className),
+    onClick: onClick
+  }, others), children);
+};
+Content.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root component.
+     */
+    content: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  The renderable content inside the body of the card.
+   */
+  children: PropTypes.node,
+
+  /**
+   *  The function that will be executed when this section is clicked.
+   */
+  onClick: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvCardContent"
+})(Content);
+//# sourceMappingURL=Content.js.map

package/dist/modern/Card/Content/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Content/Content.js"],"names":["React","PropTypes","clsx","CardContent","withStyles","styles","Content","props","id","classes","className","children","onClick","others","content","propTypes","string","shape","isRequired","node","func","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,OAAO,MAAMC,OAAO,GAAIC,KAAD,IAAW;AAChC,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,OAAN;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,MAA2DL,KAAjE;AAAA,QAAsDM,MAAtD,4BAAiEN,KAAjE;;AACA,sBACE,oBAAC,WAAD;AAAa,IAAA,EAAE,EAAEC,EAAjB;AAAqB,IAAA,SAAS,EAAEN,IAAI,CAACO,OAAO,CAACK,OAAT,EAAkBJ,SAAlB,CAApC;AAAkE,IAAA,OAAO,EAAEE;AAA3E,KAAwFC,MAAxF,GACGF,QADH,CADF;AAKD,CAPM;AASPL,OAAO,CAACS,SAAR,GAAoB;AAClB;AACF;AACA;AACEP,EAAAA,EAAE,EAAEP,SAAS,CAACe,MAJI;;AAKlB;AACF;AACA;AACEN,EAAAA,SAAS,EAAET,SAAS,CAACe,MARH;;AASlB;AACF;AACA;AACEP,EAAAA,OAAO,EAAER,SAAS,CAACgB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,OAAO,EAAEb,SAAS,CAACe;AAJI,GAAhB,EAKNE,UAjBe;;AAkBlB;AACF;AACA;AACEP,EAAAA,QAAQ,EAAEV,SAAS,CAACkB,IArBF;;AAsBlB;AACF;AACA;AACEP,EAAAA,OAAO,EAAEX,SAAS,CAACmB;AAzBD,CAApB;AA4BA,eAAehB,UAAU,CAACC,MAAD,EAAS;AAAEgB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8Cf,OAA9C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CardContent, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The content container for the card.\n */\nexport const Content = (props) => {\n  const { id, classes, className, children, onClick, ...others } = props;\n  return (\n    <CardContent id={id} className={clsx(classes.content, className)} onClick={onClick} {...others}>\n      {children}\n    </CardContent>\n  );\n};\n\nContent.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root component.\n     */\n    content: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The renderable content inside the body of the card.\n   */\n  children: PropTypes.node,\n  /**\n   *  The function that will be executed when this section is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCardContent\" })(Content);\n"],"file":"Content.js"}

package/dist/modern/Card/Content/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Content";
+export * from "./Content";

package/dist/modern/Card/Content/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Content";
+//# sourceMappingURL=index.js.map

package/dist/modern/Card/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Content/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB","sourcesContent":["export { default } from \"./Content\";\n"],"file":"index.js"}

package/dist/modern/Card/Content/styles.js

@@ -0,0 +1,12 @@
+const styles = theme => ({
+  content: {
+    padding: theme.hvSpacing(0, "sm", "15px", "sm"),
+    "&:last-child": {
+      paddingBottom: theme.hv.spacing.sm // Overrides MUI padding
+
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Card/Content/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Content/styles.js"],"names":["styles","theme","content","padding","hvSpacing","paddingBottom","hv","spacing","sm"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,MAAzB,EAAiC,IAAjC,CADF;AAEP,oBAAgB;AACdC,MAAAA,aAAa,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EADlB,CACsB;;AADtB;AAFT;AADgB,CAAZ,CAAf;;AASA,eAAeR,MAAf","sourcesContent":["const styles = (theme) => ({\n  content: {\n    padding: theme.hvSpacing(0, \"sm\", \"15px\", \"sm\"),\n    \"&:last-child\": {\n      paddingBottom: theme.hv.spacing.sm, // Overrides MUI padding\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Card/Header/Header.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { CardHeaderProps, StandardProps } from "@material-ui/core";
+
+export type HvCardHeaderClassKey =
+  | "root"
+  | "title"
+  | "titleShort"
+  | "subheader"
+  | "action"
+  | "content";
+
+export interface HvCardHeaderProps extends StandardProps<CardHeaderProps, HvCardHeaderClassKey, 'title'> {
+  /**
+   *  The renderable content inside the icon slot of the header.
+   */
+  icon?: React.ReactNode;
+
+  /**
+   * The renderable content inside the title slot of the header.
+   * (explicitly redeclared here to workaround the type inference issue)
+   */
+  title?: React.ReactNode;
+}
+
+export default function HvCardHeader(props: HvCardHeaderProps): JSX.Element | null;

package/dist/modern/Card/Header/Header.js

@@ -0,0 +1,102 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "title", "subheader", "icon", "onClick"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { CardHeader, withStyles } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * The header container for the card.
+ */
+
+export const Header = props => {
+  const {
+    classes,
+    className,
+    title,
+    subheader,
+    icon,
+    onClick
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(CardHeader, _extends({
+    title: title,
+    className: clsx(classes.root, className),
+    subheader: subheader,
+    action: icon,
+    classes: {
+      title: icon ? classes.titleShort : classes.title,
+      subheader: classes.subheader,
+      action: classes.action,
+      content: classes.content
+    },
+    onClick: onClick
+  }, others));
+};
+Header.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the title Typography element.
+     */
+    title: PropTypes.string,
+
+    /**
+     * Styles applied to the tittle Typography element when icon is present.
+     */
+    titleShort: PropTypes.string,
+
+    /**
+     * Styles applied to the subheader Typography element.
+     */
+    subheader: PropTypes.string,
+
+    /**
+     * Styles applied to the action element.
+     */
+    action: PropTypes.string,
+
+    /**
+     * Styles applied to the content wrapper element.
+     */
+    content: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  The renderable content inside the title slot of the header.
+   */
+  title: PropTypes.node.isRequired,
+
+  /**
+   *  The renderable content inside the subheader slot of the header.
+   */
+  subheader: PropTypes.node,
+
+  /**
+   *  The renderable content inside the icon slot of the header.
+   */
+  icon: PropTypes.node,
+
+  /**
+   *  The function that will be executed when this section is clicked.
+   */
+  onClick: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvCardHeader"
+})(Header);
+//# sourceMappingURL=Header.js.map

package/dist/modern/Card/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Header/Header.js"],"names":["React","PropTypes","clsx","CardHeader","withStyles","styles","Header","props","classes","className","title","subheader","icon","onClick","others","root","titleShort","action","content","propTypes","string","shape","isRequired","node","func","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,mBAAvC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,OAAO,MAAMC,MAAM,GAAIC,KAAD,IAAW;AAC/B,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA,KAAtB;AAA6BC,IAAAA,SAA7B;AAAwCC,IAAAA,IAAxC;AAA8CC,IAAAA;AAA9C,MAAqEN,KAA3E;AAAA,QAAgEO,MAAhE,4BAA2EP,KAA3E;;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,KAAK,EAAEG,KADT;AAEE,IAAA,SAAS,EAAER,IAAI,CAACM,OAAO,CAACO,IAAT,EAAeN,SAAf,CAFjB;AAGE,IAAA,SAAS,EAAEE,SAHb;AAIE,IAAA,MAAM,EAAEC,IAJV;AAKE,IAAA,OAAO,EAAE;AACPF,MAAAA,KAAK,EAAEE,IAAI,GAAGJ,OAAO,CAACQ,UAAX,GAAwBR,OAAO,CAACE,KADpC;AAEPC,MAAAA,SAAS,EAAEH,OAAO,CAACG,SAFZ;AAGPM,MAAAA,MAAM,EAAET,OAAO,CAACS,MAHT;AAIPC,MAAAA,OAAO,EAAEV,OAAO,CAACU;AAJV,KALX;AAWE,IAAA,OAAO,EAAEL;AAXX,KAYMC,MAZN,EADF;AAgBD,CAnBM;AAqBPR,MAAM,CAACa,SAAP,GAAmB;AACjB;AACF;AACA;AACEV,EAAAA,SAAS,EAAER,SAAS,CAACmB,MAJJ;;AAKjB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEP,SAAS,CAACoB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEd,SAAS,CAACmB,MAJO;;AAKvB;AACJ;AACA;AACIV,IAAAA,KAAK,EAAET,SAAS,CAACmB,MARM;;AASvB;AACJ;AACA;AACIJ,IAAAA,UAAU,EAAEf,SAAS,CAACmB,MAZC;;AAavB;AACJ;AACA;AACIT,IAAAA,SAAS,EAAEV,SAAS,CAACmB,MAhBE;;AAiBvB;AACJ;AACA;AACIH,IAAAA,MAAM,EAAEhB,SAAS,CAACmB,MApBK;;AAqBvB;AACJ;AACA;AACIF,IAAAA,OAAO,EAAEjB,SAAS,CAACmB;AAxBI,GAAhB,EAyBNE,UAjCc;;AAkCjB;AACF;AACA;AACEZ,EAAAA,KAAK,EAAET,SAAS,CAACsB,IAAV,CAAeD,UArCL;;AAsCjB;AACF;AACA;AACEX,EAAAA,SAAS,EAAEV,SAAS,CAACsB,IAzCJ;;AA0CjB;AACF;AACA;AACEX,EAAAA,IAAI,EAAEX,SAAS,CAACsB,IA7CC;;AA8CjB;AACF;AACA;AACEV,EAAAA,OAAO,EAAEZ,SAAS,CAACuB;AAjDF,CAAnB;AAoDA,eAAepB,UAAU,CAACC,MAAD,EAAS;AAAEoB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA6CnB,MAA7C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CardHeader, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The header container for the card.\n */\nexport const Header = (props) => {\n  const { classes, className, title, subheader, icon, onClick, ...others } = props;\n\n  return (\n    <CardHeader\n      title={title}\n      className={clsx(classes.root, className)}\n      subheader={subheader}\n      action={icon}\n      classes={{\n        title: icon ? classes.titleShort : classes.title,\n        subheader: classes.subheader,\n        action: classes.action,\n        content: classes.content,\n      }}\n      onClick={onClick}\n      {...others}\n    />\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the title Typography element.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the tittle Typography element when icon is present.\n     */\n    titleShort: PropTypes.string,\n    /**\n     * Styles applied to the subheader Typography element.\n     */\n    subheader: PropTypes.string,\n    /**\n     * Styles applied to the action element.\n     */\n    action: PropTypes.string,\n    /**\n     * Styles applied to the content wrapper element.\n     */\n    content: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The renderable content inside the title slot of the header.\n   */\n  title: PropTypes.node.isRequired,\n  /**\n   *  The renderable content inside the subheader slot of the header.\n   */\n  subheader: PropTypes.node,\n  /**\n   *  The renderable content inside the icon slot of the header.\n   */\n  icon: PropTypes.node,\n  /**\n   *  The function that will be executed when this section is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCardHeader\" })(Header);\n"],"file":"Header.js"}

package/dist/modern/Card/Header/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Header";
+export * from "./Header";

package/dist/modern/Card/Header/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Header";
+//# sourceMappingURL=index.js.map

package/dist/modern/Card/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Header/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB","sourcesContent":["export { default } from \"./Header\";\n"],"file":"index.js"}

package/dist/modern/Card/Header/styles.js

@@ -0,0 +1,35 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const styles = theme => ({
+  root: {
+    padding: theme.hvSpacing("15px", "sm"),
+    position: "relative"
+  },
+  title: _objectSpread({
+    fontFamily: theme.hv.typography.fontFamily
+  }, theme.hv.typography.xsTitle),
+  titleShort: _objectSpread(_objectSpread({
+    fontFamily: theme.hv.typography.fontFamily
+  }, theme.hv.typography.xsTitle), {}, {
+    marginRight: "30px"
+  }),
+  subheader: _objectSpread({
+    fontFamily: theme.hv.typography.fontFamily
+  }, theme.hv.typography.normalText),
+  action: {
+    position: "absolute",
+    right: 20,
+    marginTop: 0,
+    marginRight: "0px",
+    paddingLeft: theme.hv.spacing.xs,
+    top: "15px"
+  },
+  content: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Card/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Header/styles.js"],"names":["styles","theme","root","padding","hvSpacing","position","title","fontFamily","hv","typography","xsTitle","titleShort","marginRight","subheader","normalText","action","right","marginTop","paddingLeft","spacing","xs","top","content"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,MAAhB,EAAwB,IAAxB,CADL;AAEJC,IAAAA,QAAQ,EAAE;AAFN,GADmB;AAKzBC,EAAAA,KAAK;AACHC,IAAAA,UAAU,EAAEN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBF;AAD7B,KAEAN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBC,OAFpB,CALoB;AASzBC,EAAAA,UAAU;AACRJ,IAAAA,UAAU,EAAEN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBF;AADxB,KAELN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBC,OAFf;AAGRE,IAAAA,WAAW,EAAE;AAHL,IATe;AAczBC,EAAAA,SAAS;AACPN,IAAAA,UAAU,EAAEN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBF;AADzB,KAEJN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBK,UAFhB,CAdgB;AAkBzBC,EAAAA,MAAM,EAAE;AACNV,IAAAA,QAAQ,EAAE,UADJ;AAENW,IAAAA,KAAK,EAAE,EAFD;AAGNC,IAAAA,SAAS,EAAE,CAHL;AAINL,IAAAA,WAAW,EAAE,KAJP;AAKNM,IAAAA,WAAW,EAAEjB,KAAK,CAACO,EAAN,CAASW,OAAT,CAAiBC,EALxB;AAMNC,IAAAA,GAAG,EAAE;AANC,GAlBiB;AA0BzBC,EAAAA,OAAO,EAAE;AA1BgB,CAAZ,CAAf;;AA6BA,eAAetB,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"15px\", \"sm\"),\n    position: \"relative\",\n  },\n  title: {\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.xsTitle,\n  },\n  titleShort: {\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.xsTitle,\n    marginRight: \"30px\",\n  },\n  subheader: {\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.normalText,\n  },\n  action: {\n    position: \"absolute\",\n    right: 20,\n    marginTop: 0,\n    marginRight: \"0px\",\n    paddingLeft: theme.hv.spacing.xs,\n    top: \"15px\",\n  },\n  content: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Card/Media/Media.d.ts

@@ -0,0 +1,7 @@
+import { CardMediaProps, StandardProps } from "@material-ui/core";
+
+export type HvCardMediaClassKey = "root" | "media";
+
+export type HvCardMediaProps = StandardProps<CardMediaProps, HvCardMediaClassKey>;
+
+export default function HvCardMedia(props: HvCardMediaProps): JSX.Element | null;

package/dist/modern/Card/Media/Media.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "id", "className", "title", "onClick"];
+import React from "react";
+import PropTypes from "prop-types";
+import { CardMedia, withStyles } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * The media container.
+ */
+
+export const Media = props => {
+  const {
+    classes,
+    id,
+    className,
+    title,
+    onClick
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(CardMedia, _extends({
+    id: id,
+    classes: {
+      root: classes.root,
+      media: classes.media
+    },
+    className: className,
+    role: "img",
+    title: title,
+    onClick: onClick
+  }, others));
+};
+Media.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root of the element.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the root element if component="video, audio, picture, iframe, or img".
+     */
+    media: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  The title of the media.
+   */
+  title: PropTypes.string,
+
+  /**
+   *  The function that will be executed when this section is clicked.
+   */
+  onClick: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvCardMedia"
+})(Media);
+//# sourceMappingURL=Media.js.map

package/dist/modern/Card/Media/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Media/Media.js"],"names":["React","PropTypes","CardMedia","withStyles","styles","Media","props","classes","id","className","title","onClick","others","root","media","propTypes","string","shape","isRequired","func","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,EAAoBC,UAApB,QAAsC,mBAAtC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,OAAO,MAAMC,KAAK,GAAIC,KAAD,IAAW;AAC9B,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,EAAX;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA;AAAjC,MAAwDL,KAA9D;AAAA,QAAmDM,MAAnD,4BAA8DN,KAA9D;;AAEA,sBACE,oBAAC,SAAD;AACE,IAAA,EAAE,EAAEE,EADN;AAEE,IAAA,OAAO,EAAE;AAAEK,MAAAA,IAAI,EAAEN,OAAO,CAACM,IAAhB;AAAsBC,MAAAA,KAAK,EAAEP,OAAO,CAACO;AAArC,KAFX;AAGE,IAAA,SAAS,EAAEL,SAHb;AAIE,IAAA,IAAI,EAAC,KAJP;AAKE,IAAA,KAAK,EAAEC,KALT;AAME,IAAA,OAAO,EAAEC;AANX,KAOMC,MAPN,EADF;AAWD,CAdM;AAgBPP,KAAK,CAACU,SAAN,GAAkB;AAChB;AACF;AACA;AAEEP,EAAAA,EAAE,EAAEP,SAAS,CAACe,MALE;;AAMhB;AACF;AACA;AACEP,EAAAA,SAAS,EAAER,SAAS,CAACe,MATL;;AAUhB;AACF;AACA;AACET,EAAAA,OAAO,EAAEN,SAAS,CAACgB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEZ,SAAS,CAACe,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,KAAK,EAAEb,SAAS,CAACe;AARM,GAAhB,EASNE,UAtBa;;AAuBhB;AACF;AACA;AACER,EAAAA,KAAK,EAAET,SAAS,CAACe,MA1BD;;AA2BhB;AACF;AACA;AACEL,EAAAA,OAAO,EAAEV,SAAS,CAACkB;AA9BH,CAAlB;AAiCA,eAAehB,UAAU,CAACC,MAAD,EAAS;AAAEgB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4Cf,KAA5C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { CardMedia, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The media container.\n */\nexport const Media = (props) => {\n  const { classes, id, className, title, onClick, ...others } = props;\n\n  return (\n    <CardMedia\n      id={id}\n      classes={{ root: classes.root, media: classes.media }}\n      className={className}\n      role=\"img\"\n      title={title}\n      onClick={onClick}\n      {...others}\n    />\n  );\n};\n\nMedia.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element if component=\"video, audio, picture, iframe, or img\".\n     */\n    media: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The title of the media.\n   */\n  title: PropTypes.string,\n  /**\n   *  The function that will be executed when this section is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCardMedia\" })(Media);\n"],"file":"Media.js"}

package/dist/modern/Card/Media/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Media";
+export * from "./Media";

package/dist/modern/Card/Media/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Media";
+//# sourceMappingURL=index.js.map

package/dist/modern/Card/Media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Media/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB","sourcesContent":["export { default } from \"./Media\";\n"],"file":"index.js"}

package/dist/modern/Card/Media/styles.js

@@ -0,0 +1,9 @@
+const styles = () => ({
+  root: {
+    width: "100%"
+  },
+  media: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Card/Media/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Card/Media/styles.js"],"names":["styles","root","width","media"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;AACpBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE;AADH,GADc;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAP,CAAf;;AAOA,eAAeH,MAAf","sourcesContent":["const styles = () => ({\n  root: {\n    width: \"100%\",\n  },\n  media: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Card/index.d.ts

@@ -0,0 +1,11 @@
+export { default } from "./Card";
+export * from "./Card";
+
+export { default as HvCardContent } from "./Content";
+export * from "./Content";
+
+export { default as HvCardHeader } from "./Header";
+export * from "./Header";
+
+export { default as HvCardMedia } from "./Media";
+export * from "./Media";

package/dist/modern/Card/index.js

@@ -0,0 +1,5 @@
+export { default } from "./Card";
+export { default as HvCardHeader } from "./Header";
+export { default as HvCardContent } from "./Content";
+export { default as HvCardMedia } from "./Media";
+//# sourceMappingURL=index.js.map

package/dist/modern/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Card/index.js"],"names":["default","HvCardHeader","HvCardContent","HvCardMedia"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB;AACA,SAASA,OAAO,IAAIC,YAApB,QAAwC,UAAxC;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,WAAzC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,SAAvC","sourcesContent":["export { default } from \"./Card\";\nexport { default as HvCardHeader } from \"./Header\";\nexport { default as HvCardContent } from \"./Content\";\nexport { default as HvCardMedia } from \"./Media\";\n"],"file":"index.js"}

package/dist/modern/Card/styles.js

@@ -0,0 +1,89 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import mapValues from "lodash/mapValues";
+import { outlineStyles } from "../Focus/styles";
+
+const semantics = theme => mapValues(theme.hv.palette.semantic, value => ({
+  backgroundColor: value
+}));
+
+const atmosphere = theme => mapValues(theme.hv.palette.atmosphere, value => ({
+  backgroundColor: value
+}));
+
+const styles = theme => _objectSpread(_objectSpread(_objectSpread({
+  root: {
+    overflow: "visible",
+    "&.focus-visible": _objectSpread({}, outlineStyles),
+    "&:focus": {
+      outline: "none"
+    }
+  },
+  sema0: {
+    backgroundColor: theme.palette.atmo4
+  }
+}, semantics(theme)), atmosphere(theme)), {}, {
+  semanticContainer: {
+    position: "relative",
+    backgroundColor: theme.hv.palette.accent.acce0,
+    "& > *": {
+      position: "absolute",
+      zIndex: 1
+    }
+  },
+  semanticBar: {
+    width: "100%",
+    height: 2,
+    top: -1,
+    right: 0
+  },
+  icon: {
+    top: 0,
+    right: 0,
+    transform: "translate(50%, -50%)"
+  },
+  cardOutLine: {
+    width: "98%",
+    height: "98%",
+    position: "absolute",
+    zIndex: "1",
+    border: `2px solid Highlight`,
+    top: 0,
+    left: "0.5%",
+    backgroundColor: "transparent",
+    display: "none"
+  },
+  upperAreaReference: {
+    position: "relative"
+  },
+  upperAreaSelectable: {
+    cursor: "pointer"
+  },
+  selectable: {
+    "&:hover": {
+      outline: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+    }
+  },
+  selected: {
+    outline: `1px solid ${theme.hv.palette.accent.acce1}`,
+    "&:hover": {
+      outline: `1px solid ${theme.hv.palette.accent.acce1}`
+    },
+    "&:focus": {
+      outline: `1px solid ${theme.hv.palette.accent.acce1}`
+    },
+    "& $semanticBar": {
+      height: 4
+    },
+    "& $sema0": {
+      backgroundColor: theme.palette.acce1
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Card/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Card/styles.js"],"names":["mapValues","outlineStyles","semantics","theme","hv","palette","semantic","value","backgroundColor","atmosphere","styles","root","overflow","outline","sema0","atmo4","semanticContainer","position","accent","acce0","zIndex","semanticBar","width","height","top","right","icon","transform","cardOutLine","border","left","display","upperAreaReference","upperAreaSelectable","cursor","selectable","selected","acce1"],"mappings":"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","sourcesContent":["import mapValues from \"lodash/mapValues\";\nimport { outlineStyles } from \"../Focus/styles\";\n\nconst semantics = (theme) =>\n  mapValues(theme.hv.palette.semantic, (value) => ({\n    backgroundColor: value,\n  }));\nconst atmosphere = (theme) =>\n  mapValues(theme.hv.palette.atmosphere, (value) => ({\n    backgroundColor: value,\n  }));\n\nconst styles = (theme) => ({\n  root: {\n    overflow: \"visible\",\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  sema0: {\n    backgroundColor: theme.palette.atmo4,\n  },\n  ...semantics(theme),\n  ...atmosphere(theme),\n  semanticContainer: {\n    position: \"relative\",\n    backgroundColor: theme.hv.palette.accent.acce0,\n    \"& > *\": {\n      position: \"absolute\",\n      zIndex: 1,\n    },\n  },\n  semanticBar: {\n    width: \"100%\",\n    height: 2,\n    top: -1,\n    right: 0,\n  },\n\n  icon: {\n    top: 0,\n    right: 0,\n    transform: \"translate(50%, -50%)\",\n  },\n  cardOutLine: {\n    width: \"98%\",\n    height: \"98%\",\n    position: \"absolute\",\n    zIndex: \"1\",\n    border: `2px solid Highlight`,\n    top: 0,\n    left: \"0.5%\",\n    backgroundColor: \"transparent\",\n    display: \"none\",\n  },\n  upperAreaReference: {\n    position: \"relative\",\n  },\n  upperAreaSelectable: {\n    cursor: \"pointer\",\n  },\n  selectable: {\n    \"&:hover\": {\n      outline: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n  },\n  selected: {\n    outline: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&:hover\": {\n      outline: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    \"&:focus\": {\n      outline: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    \"& $semanticBar\": {\n      height: 4,\n    },\n    \"& $sema0\": {\n      backgroundColor: theme.palette.acce1,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Chart/Chart.d.ts

@@ -0,0 +1,25 @@
+import { StandardProps } from "@material-ui/core";
+import { HvPlotProps } from "./Plot";
+
+export type HvChartClassKey = "root";
+
+export interface HvChartProps extends StandardProps<HvPlotProps, HvChartClassKey> {
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType?: "single" | "multiple";
+  /**
+   * Defines the X axis title.
+   */
+  xAxisTitle?: string;
+  /**
+   * Defines the Y axis title.
+   */
+  yAxisTitle?: string;
+  /**
+   * Defines the chart subtitle.
+   */
+  subtitle?: string;
+}
+
+export default function HvChart(props: HvChartProps): JSX.Element | null;