@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/ToggleButton/ToggleButton.js

@@ -0,0 +1,149 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "id", "selected", "labels", "notSelectedIcon", "selectedIcon", "animated", "onClick", "disabled"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import withTooltip from "../withTooltip";
+import withLabels from "../withLabels";
+import styles from "./styles";
+const DEFAULT_LABELS = {
+  selectedTitle: "",
+  notSelectedTitle: ""
+};
+/**
+ * A toggle button is a mechanism that allows users to change between 2 options.
+ */
+
+const ToggleButton = _ref => {
+  let {
+    classes,
+    className,
+    id,
+    selected = false,
+    labels,
+    notSelectedIcon,
+    selectedIcon = null,
+    animated = false,
+    onClick,
+    disabled = false
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [isSelected, setIsSelected] = useState(selected);
+  /**
+   * Update state when prop selected is changed.
+   */
+
+  useEffect(() => {
+    setIsSelected(selected);
+  }, [selected]);
+  const Icon = animated || !isSelected ? notSelectedIcon : selectedIcon;
+
+  const StyledIcon = () => /*#__PURE__*/React.createElement(Icon, {
+    className: clsx(classes.icon, animated ? {
+      notSelected: !isSelected,
+      selected: isSelected
+    } : {})
+  });
+
+  const title = isSelected ? labels.selectedTitle : labels.notSelectedTitle;
+  const WrappedIcon = title ? withTooltip(StyledIcon, title) : StyledIcon;
+
+  const onClickHandler = e => {
+    if (disabled) return;
+    setIsSelected(!isSelected);
+    if (onClick) onClick(e, !isSelected);
+  };
+
+  return /*#__PURE__*/React.createElement("button", _extends({
+    id: id,
+    className: clsx(className, classes.root, disabled && classes.disabled),
+    type: "button",
+    "aria-pressed": isSelected,
+    onClick: onClickHandler
+  }, others), /*#__PURE__*/React.createElement(WrappedIcon, null));
+};
+
+process.env.NODE_ENV !== "production" ? ToggleButton.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Style applied when disabled.
+     */
+    disabled: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Defines if the button is selected.
+   */
+  selected: PropTypes.bool,
+
+  /**
+   * Icon for when not selected.
+   */
+  notSelectedIcon: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Icon for when selected.
+   */
+  selectedIcon: PropTypes.instanceOf(Object),
+
+  /**
+   *
+   */
+  labels: PropTypes.shape({
+    /**
+     * Description for selected.
+     */
+    selectedTitle: PropTypes.string,
+
+    /**
+     * Description for not selected.
+     */
+    notSelectedTitle: PropTypes.string
+  }),
+
+  /**
+   * Function called when icon is clicked.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Defines if it is a animated SVG.
+   */
+  animated: PropTypes.bool,
+
+  /**
+   * Denotes if component is active or not.
+   */
+  disabled: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvToggleButton"
+})(withLabels(DEFAULT_LABELS)(ToggleButton));
+//# sourceMappingURL=ToggleButton.js.map

package/dist/modern/ToggleButton/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","names":["React","useEffect","useState","PropTypes","clsx","withStyles","withTooltip","withLabels","styles","DEFAULT_LABELS","selectedTitle","notSelectedTitle","ToggleButton","classes","className","id","selected","labels","notSelectedIcon","selectedIcon","animated","onClick","disabled","others","isSelected","setIsSelected","Icon","StyledIcon","icon","notSelected","title","WrappedIcon","onClickHandler","e","root","propTypes","string","shape","isRequired","bool","instanceOf","Object","func","name"],"sources":["../../../src/ToggleButton/ToggleButton.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport withTooltip from \"../withTooltip\";\nimport withLabels from \"../withLabels\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = { selectedTitle: \"\", notSelectedTitle: \"\" };\n\n/**\n * A toggle button is a mechanism that allows users to change between 2 options.\n */\nconst ToggleButton = ({\n  classes,\n  className,\n  id,\n  selected = false,\n  labels,\n  notSelectedIcon,\n  selectedIcon = null,\n  animated = false,\n  onClick,\n  disabled = false,\n  ...others\n}) => {\n  const [isSelected, setIsSelected] = useState(selected);\n\n  /**\n   * Update state when prop selected is changed.\n   */\n  useEffect(() => {\n    setIsSelected(selected);\n  }, [selected]);\n\n  const Icon = animated || !isSelected ? notSelectedIcon : selectedIcon;\n  const StyledIcon = () => (\n    <Icon\n      className={clsx(\n        classes.icon,\n        animated ? { notSelected: !isSelected, selected: isSelected } : {}\n      )}\n    />\n  );\n  const title = isSelected ? labels.selectedTitle : labels.notSelectedTitle;\n  const WrappedIcon = title ? withTooltip(StyledIcon, title) : StyledIcon;\n\n  const onClickHandler = (e) => {\n    if (disabled) return;\n\n    setIsSelected(!isSelected);\n\n    if (onClick) onClick(e, !isSelected);\n  };\n\n  return (\n    <button\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n      })}\n      type=\"button\"\n      aria-pressed={isSelected}\n      onClick={onClickHandler}\n      {...others}\n    >\n      <WrappedIcon />\n    </button>\n  );\n};\n\nToggleButton.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 to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied when disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Defines if the button is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Icon for when not selected.\n   */\n  notSelectedIcon: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Icon for when selected.\n   */\n  selectedIcon: PropTypes.instanceOf(Object),\n  /**\n   *\n   */\n  labels: PropTypes.shape({\n    /**\n     * Description for selected.\n     */\n    selectedTitle: PropTypes.string,\n    /**\n     * Description for not selected.\n     */\n    notSelectedTitle: PropTypes.string,\n  }),\n  /**\n   * Function called when icon is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Defines if it is a animated SVG.\n   */\n  animated: PropTypes.bool,\n  /**\n   * Denotes if component is active or not.\n   */\n  disabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvToggleButton\" })(\n  withLabels(DEFAULT_LABELS)(ToggleButton)\n);\n"],"mappings":"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"}

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

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

package/dist/modern/ToggleButton/index.js

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

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

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

package/dist/modern/ToggleButton/styles.js

@@ -0,0 +1,34 @@
+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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { outlineStyles } from "../Focus/styles";
+
+const styles = theme => ({
+  root: {
+    padding: 0,
+    margin: 0,
+    border: 0,
+    backgroundColor: "transparent",
+    display: "inline-flex",
+    cursor: "pointer",
+    "&:focus": _objectSpread({
+      backgroundColor: theme.hv.palette.atmosphere.atmo4
+    }, outlineStyles),
+    "&:not($disabled):hover": {
+      backgroundColor: theme.hv.palette.atmosphere.atmo4
+    }
+  },
+  icon: {},
+  disabled: {
+    cursor: "not-allowed",
+    "& svg *.color0": {
+      fill: theme.hv.palette.atmosphere.atmo6
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","margin","border","backgroundColor","display","cursor","hv","palette","atmosphere","atmo4","icon","disabled","fill","atmo6"],"sources":["../../../src/ToggleButton/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    margin: 0,\n    border: 0,\n    backgroundColor: \"transparent\",\n\n    display: \"inline-flex\",\n    cursor: \"pointer\",\n\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      ...outlineStyles,\n    },\n    \"&:not($disabled):hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n  },\n  icon: {},\n  disabled: {\n    cursor: \"not-allowed\",\n    \"& svg *.color0\": {\n      fill: theme.hv.palette.atmosphere.atmo6,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CADL;IAEJC,MAAM,EAAE,CAFJ;IAGJC,MAAM,EAAE,CAHJ;IAIJC,eAAe,EAAE,aAJb;IAMJC,OAAO,EAAE,aANL;IAOJC,MAAM,EAAE,SAPJ;IASJ;MACEF,eAAe,EAAEL,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAD/C,GAEKb,aAFL,CATI;IAaJ,0BAA0B;MACxBO,eAAe,EAAEL,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADrB;EAbtB,CADmB;EAkBzBC,IAAI,EAAE,EAlBmB;EAmBzBC,QAAQ,EAAE;IACRN,MAAM,EAAE,aADA;IAER,kBAAkB;MAChBO,IAAI,EAAEd,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;IADlB;EAFV;AAnBe,CAAZ,CAAf;;AA2BA,eAAehB,MAAf"}

package/dist/modern/Tooltip/Tooltip.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { TooltipProps, StandardProps } from "@material-ui/core";
+
+export interface HvTooltipProps extends StandardProps<TooltipProps, HvTooltipClassKey> {
+  /**
+   * Values to display in tooltip.
+   * @deprecated
+   */
+  tooltipData?: React.ReactNode;
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  useSingle?: boolean;
+}
+
+export type HvTooltipClassKey =
+  | "tooltip"
+  | "tooltipMulti"
+  | "popper"
+  | "title"
+  | "valuesContainer"
+  | "values"
+  | "color"
+  | "separatorColor"
+  | "separator"
+  | "valueWrapper";
+
+export default function HvTooltip(props: HvTooltipProps): JSX.Element | null;

package/dist/modern/Tooltip/Tooltip.js

@@ -0,0 +1,164 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "classes", "open", "enterDelay", "placement", "useSingle", "children", "tooltipData", "title", "TransitionComponent", "TransitionProps"];
+import React from "react";
+import PropTypes from "prop-types";
+import { Fade, Tooltip, withStyles } from "@material-ui/core";
+import deprecatedPropType from "@material-ui/core/utils/deprecatedPropType";
+import styles from "./styles";
+/**
+ * Tooltips display informative text when users hover over, focus on, or tap an element.
+ */
+
+const HvTooltip = _ref => {
+  let {
+    className,
+    classes,
+    open,
+    enterDelay = 300,
+    placement = "top",
+    useSingle = true,
+    children,
+    tooltipData,
+    title,
+    TransitionComponent = Fade,
+    TransitionProps = {
+      timeout: 400
+    }
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Tooltip, _extends({
+    open: open !== null && open !== void 0 ? open : undefined,
+    enterDelay: enterDelay,
+    placement: placement,
+    TransitionComponent: TransitionComponent,
+    TransitionProps: TransitionProps,
+    className: className,
+    classes: {
+      tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,
+      popper: classes.popper
+    },
+    title: tooltipData || title
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? HvTooltip.propTypes = {
+  /**
+   * 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 tooltip root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the tooltip class when it is single
+     *  */
+    tooltip: PropTypes.string,
+
+    /**
+     * Styles applied to the tooltip class when it is multi
+     *  */
+    tooltipMulti: PropTypes.string,
+
+    /**
+     * Styles applied to the popper component
+     *  */
+    popper: PropTypes.string,
+
+    /**
+     * Styles applied to the title.
+     */
+    title: PropTypes.string,
+
+    /**
+     * Styles applied to the values container.
+     */
+    valuesContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the values.
+     */
+    values: PropTypes.string,
+
+    /**
+     * Styles applied to the color.
+     */
+    color: PropTypes.string,
+
+    /**
+     * Styles applied to the separator between color and title.
+     */
+    separatorColor: PropTypes.string,
+
+    /**
+     * Styles applied to the separator.
+     */
+    separator: PropTypes.string,
+
+    /**
+     * Styles applied to the values wrapper.
+     */
+    valueWrapper: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Values to display in tooltip.
+   * @deprecated
+   */
+  tooltipData: deprecatedPropType(PropTypes.node),
+
+  /**
+   * If true, the tooltip is shown.
+   */
+  open: PropTypes.bool,
+
+  /**
+   * Tooltip placement.
+   */
+  placement: PropTypes.node,
+
+  /**
+   * The number of milliseconds to wait before showing the tooltip.
+   * This property won't impact the enter touch delay (enterTouchDelay).
+   */
+  enterDelay: PropTypes.number,
+
+  /**
+   * Tooltip title. Zero-length titles string are never displayed.
+   */
+  title: PropTypes.node.isRequired,
+
+  /**
+   * The component used for the transition
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  TransitionComponent: PropTypes.any,
+
+  /**
+   * Properties applied to the Transition element.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  TransitionProps: PropTypes.object,
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  useSingle: PropTypes.bool,
+
+  /**
+   * Node to apply the tooltip.
+   */
+  children: PropTypes.node.isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvTooltip"
+})(HvTooltip);
+//# sourceMappingURL=Tooltip.js.map

package/dist/modern/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["React","PropTypes","Fade","Tooltip","withStyles","deprecatedPropType","styles","HvTooltip","className","classes","open","enterDelay","placement","useSingle","children","tooltipData","title","TransitionComponent","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","node","bool","number","any","object","name"],"sources":["../../../src/Tooltip/Tooltip.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Fade, Tooltip, withStyles } from \"@material-ui/core\";\nimport deprecatedPropType from \"@material-ui/core/utils/deprecatedPropType\";\nimport styles from \"./styles\";\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\nconst HvTooltip = ({\n  className,\n  classes,\n  open,\n  enterDelay = 300,\n  placement = \"top\",\n  useSingle = true,\n  children,\n  tooltipData,\n  title,\n  TransitionComponent = Fade,\n  TransitionProps = { timeout: 400 },\n  ...others\n}) => {\n  return (\n    <Tooltip\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n        popper: classes.popper,\n      }}\n      title={tooltipData || title}\n      {...others}\n    >\n      {children}\n    </Tooltip>\n  );\n};\nHvTooltip.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     * Styles applied to the tooltip root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is single\n     *  */\n    tooltip: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is multi\n     *  */\n    tooltipMulti: PropTypes.string,\n    /**\n     * Styles applied to the popper component\n     *  */\n    popper: PropTypes.string,\n    /**\n     * Styles applied to the title.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the values container.\n     */\n    valuesContainer: PropTypes.string,\n    /**\n     * Styles applied to the values.\n     */\n    values: PropTypes.string,\n    /**\n     * Styles applied to the color.\n     */\n    color: PropTypes.string,\n    /**\n     * Styles applied to the separator between color and title.\n     */\n    separatorColor: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the values wrapper.\n     */\n    valueWrapper: PropTypes.string,\n  }).isRequired,\n  /**\n   * Values to display in tooltip.\n   * @deprecated\n   */\n  tooltipData: deprecatedPropType(PropTypes.node),\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.node,\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay: PropTypes.number,\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title: PropTypes.node.isRequired,\n  /**\n   * The component used for the transition\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionComponent: PropTypes.any,\n  /**\n   * Properties applied to the Transition element.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionProps: PropTypes.object,\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle: PropTypes.bool,\n  /**\n   * Node to apply the tooltip.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTooltip\" })(HvTooltip);\n"],"mappings":"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"}

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

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

package/dist/modern/Tooltip/index.js

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

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

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

package/dist/modern/Tooltip/styles.js

@@ -0,0 +1,72 @@
+const styles = theme => ({
+  root: {
+    pointerEvents: "none"
+  },
+  tooltip: {
+    maxWidth: 532,
+    padding: "15px 20px",
+    display: "flex",
+    backgroundColor: theme.hv.palette.atmosphere.atmo1,
+    boxShadow: theme.hv.shadows[1],
+    width: "fit-content",
+    "& p": {
+      display: "-webkit-box",
+      width: "fit-content",
+      boxOrient: "vertical",
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      wordBreak: "break-word",
+      color: theme.hv.palette.accent.acce1
+    }
+  },
+  tooltipMulti: {
+    maxWidth: 532,
+    padding: 0,
+    display: "flex",
+    backgroundColor: theme.hv.palette.atmosphere.atmo1,
+    boxShadow: theme.hv.shadows[1],
+    width: "fit-content",
+    "& p": {
+      display: "-webkit-box",
+      width: "fit-content",
+      boxOrient: "vertical",
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      color: theme.hv.palette.accent.acce1
+    }
+  },
+  popper: {
+    opacity: 1
+  },
+  title: {
+    padding: "15px 20px",
+    borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`
+  },
+  valuesContainer: {
+    padding: `${theme.hv.spacing.sm}px`
+  },
+  values: {
+    display: "flex",
+    justifyContent: "space-between",
+    paddingBottom: "15px",
+    "&:last-child": {
+      paddingBottom: 0
+    }
+  },
+  color: {
+    width: `${theme.hv.spacing.xs}px`,
+    height: theme.hv.typography.vizText.lineHeight
+  },
+  separator: {
+    width: `${theme.hv.spacing.xs}px`
+  },
+  separatorColor: {
+    width: "5px"
+  },
+  valueWrapper: {
+    padding: `${theme.hv.spacing.sm}px`
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","pointerEvents","tooltip","maxWidth","padding","display","backgroundColor","hv","palette","atmosphere","atmo1","boxShadow","shadows","width","boxOrient","textOverflow","overflow","wordBreak","color","accent","acce1","tooltipMulti","popper","opacity","title","borderBottom","atmo2","valuesContainer","spacing","sm","values","justifyContent","paddingBottom","xs","height","typography","vizText","lineHeight","separator","separatorColor","valueWrapper"],"sources":["../../../src/Tooltip/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    pointerEvents: \"none\",\n  },\n  tooltip: {\n    maxWidth: 532,\n    padding: \"15px 20px\",\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: theme.hv.shadows[1],\n    width: \"fit-content\",\n    \"& p\": {\n      display: \"-webkit-box\",\n      width: \"fit-content\",\n      boxOrient: \"vertical\",\n      textOverflow: \"ellipsis\",\n      overflow: \"hidden\",\n      wordBreak: \"break-word\",\n      color: theme.hv.palette.accent.acce1,\n    },\n  },\n  tooltipMulti: {\n    maxWidth: 532,\n    padding: 0,\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: theme.hv.shadows[1],\n    width: \"fit-content\",\n    \"& p\": {\n      display: \"-webkit-box\",\n      width: \"fit-content\",\n      boxOrient: \"vertical\",\n      textOverflow: \"ellipsis\",\n      overflow: \"hidden\",\n      color: theme.hv.palette.accent.acce1,\n    },\n  },\n  popper: {\n    opacity: 1,\n  },\n  title: {\n    padding: \"15px 20px\",\n    borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n  },\n  valuesContainer: {\n    padding: `${theme.hv.spacing.sm}px`,\n  },\n  values: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    paddingBottom: \"15px\",\n    \"&:last-child\": {\n      paddingBottom: 0,\n    },\n  },\n  color: {\n    width: `${theme.hv.spacing.xs}px`,\n    height: theme.hv.typography.vizText.lineHeight,\n  },\n  separator: {\n    width: `${theme.hv.spacing.xs}px`,\n  },\n  separatorColor: {\n    width: \"5px\",\n  },\n  valueWrapper: {\n    padding: `${theme.hv.spacing.sm}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,aAAa,EAAE;EADX,CADmB;EAIzBC,OAAO,EAAE;IACPC,QAAQ,EAAE,GADH;IAEPC,OAAO,EAAE,WAFF;IAGPC,OAAO,EAAE,MAHF;IAIPC,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAJtC;IAKPC,SAAS,EAAEZ,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiB,CAAjB,CALJ;IAMPC,KAAK,EAAE,aANA;IAOP,OAAO;MACLR,OAAO,EAAE,aADJ;MAELQ,KAAK,EAAE,aAFF;MAGLC,SAAS,EAAE,UAHN;MAILC,YAAY,EAAE,UAJT;MAKLC,QAAQ,EAAE,QALL;MAMLC,SAAS,EAAE,YANN;MAOLC,KAAK,EAAEnB,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBW,MAAjB,CAAwBC;IAP1B;EAPA,CAJgB;EAqBzBC,YAAY,EAAE;IACZlB,QAAQ,EAAE,GADE;IAEZC,OAAO,EAAE,CAFG;IAGZC,OAAO,EAAE,MAHG;IAIZC,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAJjC;IAKZC,SAAS,EAAEZ,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiB,CAAjB,CALC;IAMZC,KAAK,EAAE,aANK;IAOZ,OAAO;MACLR,OAAO,EAAE,aADJ;MAELQ,KAAK,EAAE,aAFF;MAGLC,SAAS,EAAE,UAHN;MAILC,YAAY,EAAE,UAJT;MAKLC,QAAQ,EAAE,QALL;MAMLE,KAAK,EAAEnB,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBW,MAAjB,CAAwBC;IAN1B;EAPK,CArBW;EAqCzBE,MAAM,EAAE;IACNC,OAAO,EAAE;EADH,CArCiB;EAwCzBC,KAAK,EAAE;IACLpB,OAAO,EAAE,WADJ;IAELqB,YAAY,EAAG,aAAY1B,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BiB,KAAM;EAFxD,CAxCkB;EA4CzBC,eAAe,EAAE;IACfvB,OAAO,EAAG,GAAEL,KAAK,CAACQ,EAAN,CAASqB,OAAT,CAAiBC,EAAG;EADjB,CA5CQ;EA+CzBC,MAAM,EAAE;IACNzB,OAAO,EAAE,MADH;IAEN0B,cAAc,EAAE,eAFV;IAGNC,aAAa,EAAE,MAHT;IAIN,gBAAgB;MACdA,aAAa,EAAE;IADD;EAJV,CA/CiB;EAuDzBd,KAAK,EAAE;IACLL,KAAK,EAAG,GAAEd,KAAK,CAACQ,EAAN,CAASqB,OAAT,CAAiBK,EAAG,IADzB;IAELC,MAAM,EAAEnC,KAAK,CAACQ,EAAN,CAAS4B,UAAT,CAAoBC,OAApB,CAA4BC;EAF/B,CAvDkB;EA2DzBC,SAAS,EAAE;IACTzB,KAAK,EAAG,GAAEd,KAAK,CAACQ,EAAN,CAASqB,OAAT,CAAiBK,EAAG;EADrB,CA3Dc;EA8DzBM,cAAc,EAAE;IACd1B,KAAK,EAAE;EADO,CA9DS;EAiEzB2B,YAAY,EAAE;IACZpC,OAAO,EAAG,GAAEL,KAAK,CAACQ,EAAN,CAASqB,OAAT,CAAiBC,EAAG;EADpB;AAjEW,CAAZ,CAAf;;AAsEA,eAAe/B,MAAf"}

package/dist/modern/Typography/Typography.d.ts

@@ -0,0 +1,70 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvTypographyProps
+  extends StandardProps<React.HTMLAttributes<HTMLSpanElement>, HvTypographyClassKey> {
+  /**
+   * The selected typography.
+   */
+  variant?:
+    | "5xlTitle"
+    | "4xlTitle"
+    | "3xlTitle"
+    | "xxlTitle"
+    | "xlTitle"
+    | "lTitle"
+    | "mTitle"
+    | "sTitle"
+    | "xsTitle"
+    | "xxsTitle"
+    | "highlightText"
+    | "normalText"
+    | "selectedText"
+    | "disabledButtonText"
+    | "placeholderText"
+    | "inlineLink"
+    | "selectedNavText"
+    | "labelText"
+    | "infoText"
+    | "sLink"
+    | "sText"
+    | "vizText"
+    | "disabledText";
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   * By default, it maps the variant to a good default headline component.
+   */
+  component?: React.ElementType;
+
+  /**
+   * If `true`, the text will have a bottom margin.
+   */
+  paragraph?: boolean;
+}
+
+export type HvTypographyClassKey =
+  | "5xlTitle"
+  | "4xlTitle"
+  | "3xlTitle"
+  | "xxlTitle"
+  | "xlTitle"
+  | "lTitle"
+  | "mTitle"
+  | "sTitle"
+  | "xsTitle"
+  | "highlightText"
+  | "normalText"
+  | "disabledButtonText"
+  | "placeholderText"
+  | "inlineLink"
+  | "selectedNavText"
+  | "labelText"
+  | "infoText"
+  | "sLink"
+  | "sText"
+  | "vizText"
+  | "disabledText";
+
+export default function HvTypography(props: HvTypographyProps): JSX.Element | null;