@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Modal/ModalTitle/styles.js

@@ -0,0 +1,19 @@
+const styles = theme => ({
+  root: {
+    padding: `${theme.hv.spacing.sm}px 0 0 ${theme.hv.spacing.sm}px`,
+    margin: 0
+  },
+  messageContainer: {
+    display: "flex",
+    alignItems: "center"
+  },
+  textWithIcon: {},
+  icon: {
+    marginRight: `${theme.hv.spacing.xs}px`,
+    width: 48,
+    height: 48
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Modal/ModalTitle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hv","spacing","sm","margin","messageContainer","display","alignItems","textWithIcon","icon","marginRight","xs","width","height"],"sources":["../../../../src/Modal/ModalTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: `${theme.hv.spacing.sm}px 0 0 ${theme.hv.spacing.sm}px`,\n    margin: 0,\n  },\n  messageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  textWithIcon: {},\n  icon: {\n    marginRight: `${theme.hv.spacing.xs}px`,\n    width: 48,\n    height: 48,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAG,GAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAG,UAASL,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAG,IADzD;IAEJC,MAAM,EAAE;EAFJ,CADmB;EAKzBC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,MADO;IAEhBC,UAAU,EAAE;EAFI,CALO;EASzBC,YAAY,EAAE,EATW;EAUzBC,IAAI,EAAE;IACJC,WAAW,EAAG,GAAEZ,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBS,EAAG,IADhC;IAEJC,KAAK,EAAE,EAFH;IAGJC,MAAM,EAAE;EAHJ;AAVmB,CAAZ,CAAf;;AAiBA,eAAehB,MAAf"}

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

@@ -0,0 +1,11 @@
+export { default } from "./Modal";
+export * from "./Modal";
+
+export { default as HvModalTitle } from "./ModalTitle";
+export * from "./ModalTitle";
+
+export { default as HvModalContent } from "./ModalContent";
+export * from "./ModalContent";
+
+export { default as HvModalActions } from "./ModalActions";
+export * from "./ModalActions";

package/dist/modern/Modal/index.js

@@ -0,0 +1,5 @@
+export { default } from "./Modal";
+export { default as HvModalTitle } from "./ModalTitle";
+export { default as HvModalContent } from "./ModalContent";
+export { default as HvModalActions } from "./ModalActions";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","HvModalTitle","HvModalContent","HvModalActions"],"sources":["../../../src/Modal/index.js"],"sourcesContent":["export { default } from \"./Modal\";\nexport { default as HvModalTitle } from \"./ModalTitle\";\nexport { default as HvModalContent } from \"./ModalContent\";\nexport { default as HvModalActions } from \"./ModalActions\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB;AACA,SAASA,OAAO,IAAIC,YAApB,QAAwC,cAAxC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,gBAA1C"}

package/dist/modern/Modal/styles.js

@@ -0,0 +1,24 @@
+import { fade, hexToRgb } from "@material-ui/core";
+
+const styles = theme => ({
+  background: {
+    background: fade(hexToRgb(theme.hv.palette.atmosphere.atmo5), 0.8)
+  },
+  paper: {
+    background: `${theme.hv.palette.atmosphere.atmo1}`,
+    padding: "0px",
+    overflow: "auto",
+    boxShadow: theme.hv.shadows[1]
+  },
+  closeButton: {
+    position: "absolute",
+    right: 0,
+    top: 0,
+    padding: 0,
+    margin: `${theme.hv.spacing.xs}px`,
+    minWidth: "unset"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["fade","hexToRgb","styles","theme","background","hv","palette","atmosphere","atmo5","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","position","right","top","margin","spacing","xs","minWidth"],"sources":["../../../src/Modal/styles.js"],"sourcesContent":["import { fade, hexToRgb } from \"@material-ui/core\";\n\nconst styles = (theme) => ({\n  background: {\n    background: fade(hexToRgb(theme.hv.palette.atmosphere.atmo5), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    padding: 0,\n    margin: `${theme.hv.spacing.xs}px`,\n    minWidth: \"unset\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,IAAT,EAAeC,QAAf,QAA+B,mBAA/B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEJ,IAAI,CAACC,QAAQ,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;EADN,CADa;EAIzBC,KAAK,EAAE;IACLL,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;IAELC,OAAO,EAAE,KAFJ;IAGLC,QAAQ,EAAE,MAHL;IAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;EAJN,CAJkB;EAUzBC,WAAW,EAAE;IACXC,QAAQ,EAAE,UADC;IAEXC,KAAK,EAAE,CAFI;IAGXC,GAAG,EAAE,CAHM;IAIXP,OAAO,EAAE,CAJE;IAKXQ,MAAM,EAAG,GAAEhB,KAAK,CAACE,EAAN,CAASe,OAAT,CAAiBC,EAAG,IALpB;IAMXC,QAAQ,EAAE;EANC;AAVY,CAAZ,CAAf;;AAoBA,eAAepB,MAAf"}

package/dist/modern/MultiButton/MultiButton.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvButtonProps } from "../Button";
+
+export interface MultiButtonData extends HvButtonProps {
+  id: string;
+  value?: string;
+  icon?: React.ReactNode;
+  selected?: boolean;
+  enforced?: boolean;
+}
+
+export interface HvMultiButtonProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvMultiButtonClassKey, "onChange"> {
+  /**
+   * If the MultiButton is to be displayed vertically.
+   */
+  vertical?: boolean;
+  /**
+   * If the MultiButton is multi selectable.
+   */
+  multi?: boolean;
+  /**
+   * Type of button display.
+   *  - Accepted values:
+   *    --"label": displays just a text label,
+   *    --"icon": displays just an icon,
+   *    --"mixed": displays both a label and an icon
+   */
+  type: "text" | "icon" | "mixed";
+  /**
+   * Buttons definitions
+   */
+  buttons: MultiButtonData[];
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange: (event: React.FormEvent<HTMLDivElement>, checkedItems: MultiButtonData[]) => void;
+  /**
+   * Specify minimum number of selections in component
+   */
+  minSelection?: number;
+  /**
+   * Specify maximum number of selections in component
+   */
+  maxSelection?: number;
+}
+
+export type HvMultiButtonClassKey =
+  | "root"
+  | "vertical"
+  | "labelText"
+  | "button"
+  | "icon"
+  | "isSelected"
+  | "isUnselected";
+
+export default function HvMultiButton(props: HvMultiButtonProps): JSX.Element | null;

package/dist/modern/MultiButton/MultiButton.js

@@ -0,0 +1,234 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "className", "classes", "type", "onChange", "multi", "minSelection", "maxSelection", "buttons", "vertical"],
+      _excluded2 = ["id", "icon", "selected", "value"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.includes.js";
+import React, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import HvButton from "../Button";
+import styles from "./styles";
+/**
+ * parse button properties and if any buttons are preset as selected
+ * set the state with their ids
+ * */
+
+const getInitialState = buttons => buttons.filter(item => item.selected).map(item => item.id);
+
+const MultiButton = _ref => {
+  let {
+    id,
+    className,
+    classes,
+    type,
+    onChange,
+    multi = false,
+    minSelection = 0,
+    maxSelection = Infinity,
+    buttons,
+    vertical = false
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  /**
+   * set state; if button properties are mismatched set hasError prop
+   * in order to throw error in component and alert for the need to correctly
+   * set the button props
+   */
+  const [checkedItems, setCheckedItems] = useState(getInitialState(buttons));
+  useEffect(() => {
+    setCheckedItems(getInitialState(buttons));
+  }, [buttons]);
+
+  const handleClick = (event, idx) => {
+    let newState;
+    const clickedBtnDefs = buttons[idx];
+    const btnClickable = clickedBtnDefs.enforced !== undefined ? clickedBtnDefs : false;
+    if (btnClickable) return;
+    const clickedBtnId = buttons[idx].id;
+
+    if (checkedItems.length === minSelection && checkedItems.includes(clickedBtnId)) {
+      return;
+    }
+
+    if (checkedItems.length === maxSelection && !checkedItems.includes(clickedBtnId)) {
+      return;
+    }
+
+    const clickedBtnPositionInState = checkedItems.indexOf(clickedBtnId);
+
+    if (multi) {
+      // check if item has not been clicked
+      if (clickedBtnPositionInState === -1) {
+        // handle state change
+        newState = [...checkedItems, buttons[idx].id];
+      } else {
+        const itemToRemove = clickedBtnPositionInState;
+        newState = checkedItems.filter((_, i) => i !== itemToRemove);
+      }
+    } else if (clickedBtnPositionInState === -1) {
+      // handle state change
+      // this enforces that the change happens only when we click on
+      // a deselected element mimicking the behavior of the button component
+      newState = [clickedBtnId];
+    } else {
+      return;
+    }
+
+    setCheckedItems(newState);
+    onChange === null || onChange === void 0 ? void 0 : onChange(event, newState.slice());
+  };
+
+  const renderButton = (button, idx) => {
+    const {
+      id: bId,
+      icon,
+      selected,
+      value
+    } = button,
+          other = _objectWithoutProperties(button, _excluded2);
+
+    const isSelected = checkedItems.indexOf(bId) !== -1;
+    const iconButton = icon && type === "mixed" ? /*#__PURE__*/React.cloneElement(icon, {
+      className: classes.icon
+    }) : icon;
+    return /*#__PURE__*/React.createElement(HvButton, _extends({
+      key: `btnkey_${idx + 1}`,
+      id: bId,
+      onClick: event => handleClick(event, idx),
+      className: clsx(classes.button, isSelected ? classes.isSelected : classes.isUnselected),
+      category: "ghost",
+      "aria-label": value,
+      overrideIconColors: false
+    }, other), type !== "text" && iconButton, type !== "icon" && /*#__PURE__*/React.createElement("div", {
+      className: classes.labelText
+    }, value));
+  };
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root, vertical && classes.vertical)
+  }, others), buttons.map((button, idx) => renderButton(button, idx)));
+};
+
+process.env.NODE_ENV !== "production" ? MultiButton.propTypes = {
+  /**
+   * Identifier
+   */
+  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 multibutton root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the multibutton when it's vertical.
+     */
+    vertical: PropTypes.string,
+
+    /**
+     * Styles applied to the button label.
+     */
+    labelText: PropTypes.string,
+
+    /**
+     * Styles applied to the each button.
+     */
+    button: PropTypes.string,
+
+    /**
+     * Styles applied to the each button's icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied to the button when it's selected.
+     */
+    isSelected: PropTypes.string,
+
+    /**
+     * Styles applied to the button when it's not selected.
+     */
+    isUnselected: PropTypes.string
+  }).isRequired,
+
+  /**
+   * If the multibutton is to be displayed vertically.
+   */
+  vertical: PropTypes.bool,
+
+  /**
+   * If the multibutton is multi selectable.
+   */
+  multi: PropTypes.bool,
+
+  /**
+   * Type of button display.
+   *  - Accepted values:
+   *    --"label": displays just a text label,
+   *    --"icon": displays just an icon,
+   *    --"mixed": displays both a label and an icon
+   */
+  type: PropTypes.oneOf(["text", "icon", "mixed"]).isRequired,
+
+  /**
+   * Buttons definitions
+   */
+  buttons: PropTypes.arrayOf(PropTypes.shape({
+    /**
+     * the button id.
+     */
+    id: PropTypes.string.isRequired,
+
+    /**
+     * the button label.
+     */
+    value: PropTypes.string,
+
+    /**
+     * icon in button.
+     */
+    icon: PropTypes.node,
+
+    /**
+     * If the button is selected.
+     */
+    selected: PropTypes.bool,
+
+    /**
+     * Specify if item can be toggled or not.
+     */
+    enforced: PropTypes.bool
+  })).isRequired,
+
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Specify minimum number of selections in component
+   */
+  minSelection: PropTypes.number,
+
+  /**
+   * Specify maximum number of selections in component
+   */
+  maxSelection: PropTypes.number
+} : void 0;
+export default withStyles(styles, {
+  name: "HvMultiButton"
+})(MultiButton);
+//# sourceMappingURL=MultiButton.js.map

package/dist/modern/MultiButton/MultiButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiButton.js","names":["React","useEffect","useState","PropTypes","clsx","withStyles","HvButton","styles","getInitialState","buttons","filter","item","selected","map","id","MultiButton","className","classes","type","onChange","multi","minSelection","maxSelection","Infinity","vertical","others","checkedItems","setCheckedItems","handleClick","event","idx","newState","clickedBtnDefs","btnClickable","enforced","undefined","clickedBtnId","length","includes","clickedBtnPositionInState","indexOf","itemToRemove","_","i","slice","renderButton","button","bId","icon","value","other","isSelected","iconButton","cloneElement","isUnselected","labelText","root","propTypes","string","shape","isRequired","bool","oneOf","arrayOf","node","func","number","name"],"sources":["../../../src/MultiButton/MultiButton.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvButton from \"../Button\";\nimport styles from \"./styles\";\n\n/**\n * parse button properties and if any buttons are preset as selected\n * set the state with their ids\n * */\nconst getInitialState = (buttons) => buttons.filter((item) => item.selected).map((item) => item.id);\n\nconst MultiButton = ({\n  id,\n  className,\n  classes,\n  type,\n  onChange,\n  multi = false,\n  minSelection = 0,\n  maxSelection = Infinity,\n  buttons,\n  vertical = false,\n  ...others\n}) => {\n  /**\n   * set state; if button properties are mismatched set hasError prop\n   * in order to throw error in component and alert for the need to correctly\n   * set the button props\n   */\n  const [checkedItems, setCheckedItems] = useState(getInitialState(buttons));\n\n  useEffect(() => {\n    setCheckedItems(getInitialState(buttons));\n  }, [buttons]);\n\n  const handleClick = (event, idx) => {\n    let newState;\n\n    const clickedBtnDefs = buttons[idx];\n    const btnClickable = clickedBtnDefs.enforced !== undefined ? clickedBtnDefs : false;\n\n    if (btnClickable) return;\n\n    const clickedBtnId = buttons[idx].id;\n\n    if (checkedItems.length === minSelection && checkedItems.includes(clickedBtnId)) {\n      return;\n    }\n\n    if (checkedItems.length === maxSelection && !checkedItems.includes(clickedBtnId)) {\n      return;\n    }\n\n    const clickedBtnPositionInState = checkedItems.indexOf(clickedBtnId);\n\n    if (multi) {\n      // check if item has not been clicked\n      if (clickedBtnPositionInState === -1) {\n        // handle state change\n        newState = [...checkedItems, buttons[idx].id];\n      } else {\n        const itemToRemove = clickedBtnPositionInState;\n        newState = checkedItems.filter((_, i) => i !== itemToRemove);\n      }\n    } else if (clickedBtnPositionInState === -1) {\n      // handle state change\n      // this enforces that the change happens only when we click on\n      // a deselected element mimicking the behavior of the button component\n      newState = [clickedBtnId];\n    } else {\n      return;\n    }\n\n    setCheckedItems(newState);\n    onChange?.(event, newState.slice());\n  };\n\n  const renderButton = (button, idx) => {\n    const { id: bId, icon, selected, value, ...other } = button;\n    const isSelected = checkedItems.indexOf(bId) !== -1;\n\n    const iconButton =\n      icon && type === \"mixed\" ? React.cloneElement(icon, { className: classes.icon }) : icon;\n\n    return (\n      <HvButton\n        key={`btnkey_${idx + 1}`}\n        id={bId}\n        onClick={(event) => handleClick(event, idx)}\n        className={clsx(classes.button, {\n          [classes.isSelected]: isSelected,\n          [classes.isUnselected]: !isSelected,\n        })}\n        category=\"ghost\"\n        aria-label={value}\n        overrideIconColors={false}\n        {...other}\n      >\n        {type !== \"text\" && iconButton}\n        {type !== \"icon\" && <div className={classes.labelText}>{value}</div>}\n      </HvButton>\n    );\n  };\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {buttons.map((button, idx) => renderButton(button, idx))}\n    </div>\n  );\n};\n\nMultiButton.propTypes = {\n  /**\n   * Identifier\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 multibutton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the multibutton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the button label.\n     */\n    labelText: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the each button's icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    isSelected: PropTypes.string,\n    /**\n     * Styles applied to the button when it's not selected.\n     */\n    isUnselected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If the multibutton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * If the multibutton is multi selectable.\n   */\n  multi: PropTypes.bool,\n  /**\n   * Type of button display.\n   *  - Accepted values:\n   *    --\"label\": displays just a text label,\n   *    --\"icon\": displays just an icon,\n   *    --\"mixed\": displays both a label and an icon\n   */\n  type: PropTypes.oneOf([\"text\", \"icon\", \"mixed\"]).isRequired,\n  /**\n   * Buttons definitions\n   */\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * the button id.\n       */\n      id: PropTypes.string.isRequired,\n      /**\n       * the button label.\n       */\n      value: PropTypes.string,\n      /**\n       * icon in button.\n       */\n      icon: PropTypes.node,\n      /**\n       * If the button is selected.\n       */\n      selected: PropTypes.bool,\n      /**\n       * Specify if item can be toggled or not.\n       */\n      enforced: PropTypes.bool,\n    })\n  ).isRequired,\n  /**\n   * Callback function to be triggered when the input value is changed\n   */\n  onChange: PropTypes.func,\n  /**\n   * Specify minimum number of selections in component\n   */\n  minSelection: PropTypes.number,\n  /**\n   * Specify maximum number of selections in component\n   */\n  maxSelection: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(MultiButton);\n"],"mappings":"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"}

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

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

package/dist/modern/MultiButton/index.js

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

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

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

package/dist/modern/MultiButton/styles.js

@@ -0,0 +1,71 @@
+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; }
+
+const styles = theme => ({
+  root: {
+    display: "flex",
+    height: 32,
+    alignItems: "center",
+    transition: "none",
+    boxShadow: `-1px 1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, 1px 1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, -1px -1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, 1px -1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}`,
+    background: theme.hv.palette.atmosphere.atmo2,
+    position: "relative",
+    zIndex: 0
+  },
+  button: {
+    width: "100%",
+    minWidth: 32,
+    maxWidth: 200,
+    padding: 0,
+    border: "none",
+    transition: "none",
+    flex: "1 0 0px",
+    "&:active": {
+      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`
+    }
+  },
+  labelText: {
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden"
+  },
+  isSelected: _objectSpread(_objectSpread({
+    background: theme.hv.palette.atmosphere.atmo1,
+    height: 34,
+    cursor: "default"
+  }, theme.hv.typography.highlightText), {}, {
+    boxShadow: `1px -1px 0px 0px ${theme.hv.palette.accent.acce1}, 1px 0px 0px 0px ${theme.hv.palette.accent.acce1}, 0px 0px 0px 1px ${theme.hv.palette.accent.acce1}, 0px 0px 0px 0px ${theme.hv.palette.accent.acce1}`,
+    zIndex: 1
+  }),
+  isUnselected: _objectSpread(_objectSpread({
+    minWidth: "32px !important"
+  }, theme.hv.typography.normalText), {}, {
+    "&:hover": {
+      background: theme.hv.palette.atmosphere.atmo4
+    }
+  }),
+  icon: {
+    marginLeft: -8
+  },
+  // vertical button display Styling
+  vertical: {
+    flexDirection: "column",
+    height: "auto",
+    btnSecondary: {
+      flex: "1 1 20px"
+    },
+    "& $button": {
+      width: "100%"
+    },
+    "& $isSelected": {
+      height: 32,
+      width: `calc(100% + 2px) !important`
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","height","alignItems","transition","boxShadow","hv","palette","atmosphere","atmo6","background","atmo2","position","zIndex","button","width","minWidth","maxWidth","padding","border","flex","backgroundColor","atmo4","labelText","textOverflow","whiteSpace","overflow","isSelected","atmo1","cursor","typography","highlightText","accent","acce1","isUnselected","normalText","icon","marginLeft","vertical","flexDirection","btnSecondary"],"sources":["../../../src/MultiButton/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    height: 32,\n    alignItems: \"center\",\n    transition: \"none\",\n    boxShadow: `-1px 1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, 1px 1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, -1px -1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, 1px -1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}`,\n    background: theme.hv.palette.atmosphere.atmo2,\n    position: \"relative\",\n    zIndex: 0,\n  },\n  button: {\n    width: \"100%\",\n    minWidth: 32,\n    maxWidth: 200,\n    padding: 0,\n    border: \"none\",\n    transition: \"none\",\n    flex: \"1 0 0px\",\n    \"&:active\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`,\n    },\n  },\n  labelText: {\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n  },\n  isSelected: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    height: 34,\n    cursor: \"default\",\n    ...theme.hv.typography.highlightText,\n    boxShadow: `1px -1px 0px 0px ${theme.hv.palette.accent.acce1}, 1px 0px 0px 0px ${theme.hv.palette.accent.acce1}, 0px 0px 0px 1px ${theme.hv.palette.accent.acce1}, 0px 0px 0px 0px ${theme.hv.palette.accent.acce1}`,\n    zIndex: 1,\n  },\n  isUnselected: {\n    minWidth: \"32px !important\",\n\n    ...theme.hv.typography.normalText,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo4,\n    },\n  },\n  icon: {\n    marginLeft: -8,\n  },\n  // vertical button display Styling\n  vertical: {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& $button\": {\n      width: \"100%\",\n    },\n    \"& $isSelected\": {\n      height: 32,\n      width: `calc(100% + 2px) !important`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,MAAM,EAAE,EAFJ;IAGJC,UAAU,EAAE,QAHR;IAIJC,UAAU,EAAE,MAJR;IAKJC,SAAS,EAAG,oBAAmBN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,qBAAoBV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,uBAAsBV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,sBAAqBV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EALlO;IAMJC,UAAU,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KANpC;IAOJC,QAAQ,EAAE,UAPN;IAQJC,MAAM,EAAE;EARJ,CADmB;EAWzBC,MAAM,EAAE;IACNC,KAAK,EAAE,MADD;IAENC,QAAQ,EAAE,EAFJ;IAGNC,QAAQ,EAAE,GAHJ;IAINC,OAAO,EAAE,CAJH;IAKNC,MAAM,EAAE,MALF;IAMNf,UAAU,EAAE,MANN;IAONgB,IAAI,EAAE,SAPA;IAQN,YAAY;MACVC,eAAe,EAAG,GAAEtB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Bc,KAAM;IAD5C;EARN,CAXiB;EAuBzBC,SAAS,EAAE;IACTC,YAAY,EAAE,UADL;IAETC,UAAU,EAAE,QAFH;IAGTC,QAAQ,EAAE;EAHD,CAvBc;EA4BzBC,UAAU;IACRjB,UAAU,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BoB,KADhC;IAER1B,MAAM,EAAE,EAFA;IAGR2B,MAAM,EAAE;EAHA,GAIL9B,KAAK,CAACO,EAAN,CAASwB,UAAT,CAAoBC,aAJf;IAKR1B,SAAS,EAAG,oBAAmBN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiByB,MAAjB,CAAwBC,KAAM,qBAAoBlC,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiByB,MAAjB,CAAwBC,KAAM,qBAAoBlC,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiByB,MAAjB,CAAwBC,KAAM,qBAAoBlC,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiByB,MAAjB,CAAwBC,KAAM,EAL3M;IAMRpB,MAAM,EAAE;EANA,EA5Be;EAoCzBqB,YAAY;IACVlB,QAAQ,EAAE;EADA,GAGPjB,KAAK,CAACO,EAAN,CAASwB,UAAT,CAAoBK,UAHb;IAIV,WAAW;MACTzB,UAAU,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Bc;IAD/B;EAJD,EApCa;EA4CzBc,IAAI,EAAE;IACJC,UAAU,EAAE,CAAC;EADT,CA5CmB;EA+CzB;EACAC,QAAQ,EAAE;IACRC,aAAa,EAAE,QADP;IAERrC,MAAM,EAAE,MAFA;IAGRsC,YAAY,EAAE;MACZpB,IAAI,EAAE;IADM,CAHN;IAMR,aAAa;MACXL,KAAK,EAAE;IADI,CANL;IASR,iBAAiB;MACfb,MAAM,EAAE,EADO;MAEfa,KAAK,EAAG;IAFO;EATT;AAhDe,CAAZ,CAAf;;AAgEA,eAAejB,MAAf"}

package/dist/modern/Pagination/Pagination.d.ts

@@ -0,0 +1,122 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvInputProps } from "../Input";
+
+export interface PaginationLabelsProp {
+  /**
+   * The show label.
+   */
+  pageSizePrev?: string;
+  /**
+   * Indicate the units of the page size selection.
+   */
+  pageSizeEntryName?: string;
+  /**
+   * Used for the aria-label of the selection of number of unit.s
+   */
+  pageSizeSelectorDescription?: string;
+  /**
+   * Separator of current page and total pages.
+   */
+  pagesSeparator?: string;
+  /**
+   * Title of button `firstPage`.
+   */
+  paginationFirstPageTitle?: string;
+  /**
+   * Title of button `previousPage`.
+   */
+  paginationPreviousPageTitle?: string;
+  /**
+   * Title of button `nextPage`.
+   */
+  paginationNextPageTitle?: string;
+  /**
+   * Title of button `lastPage`.
+   */
+  paginationLastPageTitle?: string;
+  /**
+   * Aria-label passed to the page input.
+   */
+  paginationInputLabel?: string;
+}
+
+export interface HvPaginationCommonProps {
+  /**
+   * The number of pages the component has.
+   */
+  pages?: number;
+  /**
+   * The currently selected page (0-indexed).
+   */
+  page?: number;
+  /**
+   * Controls whether the left page size mechanism should be visible.
+   */
+  showPageSizeOptions?: boolean;
+  /**
+   * The array of possible page sizes for the dropdown.
+   */
+  pageSizeOptions?: number[];
+  /**
+   * The currently selected page size.
+   */
+  pageSize?: number;
+  /**
+   * Controls whether the previous/first page buttons are enabled.
+   */
+  canPrevious?: boolean;
+  /**
+   * Controls whether the next/last page buttons are enabled.
+   */
+  canNext?: boolean;
+  /**
+   * Function called when the page changes.
+   */
+  onPageChange?: (page: number) => void;
+  /**
+   * Function called when the page size changes.
+   */
+  onPageSizeChange?: (pageSize: number) => void;
+}
+
+export interface HvPaginationProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvPaginationClassKey>,
+    HvPaginationCommonProps {
+  /**
+   * Controls whether the central page changing mechanism should be visible.
+   */
+  showPageJump?: boolean;
+  /**
+   * An object containing all the labels for the component.
+   */
+  labels?: PaginationLabelsProp;
+  /**
+   * Other props to show page component.
+   */
+  showPageProps?: Record<string, any>;
+  /**
+   * Other props to pagination component.
+   */
+  navigationProps?: Record<string, any>;
+  /**
+   * Extra properties passed to the input component representing the current pages.
+   */
+  currentPageInputProps?: HvInputProps;
+}
+
+export type HvPaginationClassKey =
+  | "root"
+  | "pageSizeOptions"
+  | "pageSizeOptionsSelect"
+  | "pageNavigator"
+  | "pageInfo"
+  | "pageJump"
+  | "pageSizeInput"
+  | "pageSizeInputRoot"
+  | "pageSizeInputContainer"
+  | "iconContainer"
+  | "icon"
+  | "selectDownIcon";
+
+export default function HvPagination(props: HvPaginationProps): JSX.Element | null;