@hitachivantara/uikit-react-core 3.52.5

package/dist/UserPreferences/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Action: true,
+  Actions: true,
+  Options: true
+};
+Object.defineProperty(exports, "Action", {
+  enumerable: true,
+  get: function get() {
+    return _Action.default;
+  }
+});
+Object.defineProperty(exports, "Actions", {
+  enumerable: true,
+  get: function get() {
+    return _Actions.default;
+  }
+});
+Object.defineProperty(exports, "Options", {
+  enumerable: true,
+  get: function get() {
+    return _Options.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _UserPreferences.default;
+  }
+});
+
+var _UserPreferences = _interopRequireDefault(require("./UserPreferences"));
+
+var _Action = _interopRequireDefault(require("./Action"));
+
+var _Actions = _interopRequireDefault(require("./Actions"));
+
+var _Options = _interopRequireWildcard(require("./Options"));
+
+Object.keys(_Options).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Options[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Options[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/dist/UserPreferences/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/UserPreferences/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from \"./UserPreferences\";\n\nexport { default as Action } from \"./Action\";\nexport { default as Actions } from \"./Actions\";\n\nexport { default as Options } from \"./Options\";\nexport * from \"./Options\";\n"],"file":"index.js"}

package/dist/UserPreferences/styles.js

@@ -0,0 +1,124 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selected = exports.hover = exports.default = exports.buttonStyles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../Focus/styles");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var hover = function hover(theme) {
+  return {
+    backgroundColor: theme.palette.atmo3
+  };
+};
+
+exports.hover = hover;
+
+var selected = function selected(theme) {
+  return {
+    backgroundColor: theme.palette.atmo3,
+    color: theme.palette.acce1,
+    "& *": {
+      backgroundColor: theme.palette.atmo3,
+      color: theme.palette.acce1
+    },
+    "& svg *.color0": {
+      fill: theme.palette.acce1
+    }
+  };
+};
+
+exports.selected = selected;
+
+var buttonStyles = function buttonStyles(theme) {
+  return {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    height: "32px",
+    color: theme.hv.palette.atmosphere.acce1,
+    borderRadius: 0,
+    cursor: "pointer",
+    "&:hover": hover(theme),
+    "&:focus": {
+      outline: "none"
+    },
+    "&.focus-visible": _objectSpread(_objectSpread({}, hover(theme)), _styles.outlineStyles)
+  };
+};
+
+exports.buttonStyles = buttonStyles;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      marginTop: "5px",
+      marginBottom: "0px",
+      zIndex: theme.zIndex.drawer
+    },
+    fixed: {
+      position: "fixed",
+      top: "50px",
+      bottom: 0
+    },
+    relative: {
+      position: "relative"
+    },
+    absolute: {
+      position: "absolute"
+    },
+    static: {
+      position: "static"
+    },
+    container: {
+      display: "flex",
+      zIndex: 20,
+      boxShadow: theme.hv.shadows[1]
+    },
+    contentContainer: {
+      paddingTop: theme.hv.spacing.sm,
+      paddingBottom: theme.hv.spacing.sm,
+      height: "100%",
+      minWidth: "320px",
+      overflow: "auto",
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    userInfo: {
+      paddingLeft: theme.hv.spacing.sm,
+      paddingRight: theme.hv.spacing.sm,
+      marginBottom: theme.hv.spacing.xs,
+      " & > :not(:first-child)": {
+        paddingTop: "5px"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/UserPreferences/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/UserPreferences/styles.js"],"names":["hover","theme","backgroundColor","palette","atmo3","selected","color","acce1","fill","buttonStyles","width","display","justifyContent","alignItems","height","hv","atmosphere","borderRadius","cursor","outline","outlineStyles","styles","root","marginTop","marginBottom","zIndex","drawer","fixed","position","top","bottom","relative","absolute","static","container","boxShadow","shadows","contentContainer","paddingTop","spacing","sm","paddingBottom","minWidth","overflow","atmo1","userInfo","paddingLeft","paddingRight","xs"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nexport const hover = (theme) => ({\n  backgroundColor: theme.palette.atmo3,\n});\n\nexport const selected = (theme) => ({\n  backgroundColor: theme.palette.atmo3,\n  color: theme.palette.acce1,\n  \"& *\": {\n    backgroundColor: theme.palette.atmo3,\n    color: theme.palette.acce1,\n  },\n  \"& svg *.color0\": {\n    fill: theme.palette.acce1,\n  },\n});\n\nexport const buttonStyles = (theme) => ({\n  width: \"100%\",\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n  height: \"32px\",\n  color: theme.hv.palette.atmosphere.acce1,\n  borderRadius: 0,\n  cursor: \"pointer\",\n\n  \"&:hover\": hover(theme),\n\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&.focus-visible\": { ...hover(theme), ...outlineStyles },\n});\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    marginTop: \"5px\",\n    marginBottom: \"0px\",\n    zIndex: theme.zIndex.drawer,\n  },\n  fixed: {\n    position: \"fixed\",\n    top: \"50px\",\n    bottom: 0,\n  },\n  relative: {\n    position: \"relative\",\n  },\n  absolute: {\n    position: \"absolute\",\n  },\n  static: {\n    position: \"static\",\n  },\n  container: {\n    display: \"flex\",\n    zIndex: 20,\n    boxShadow: theme.hv.shadows[1],\n  },\n  contentContainer: {\n    paddingTop: theme.hv.spacing.sm,\n    paddingBottom: theme.hv.spacing.sm,\n    height: \"100%\",\n    minWidth: \"320px\",\n    overflow: \"auto\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  userInfo: {\n    paddingLeft: theme.hv.spacing.sm,\n    paddingRight: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.xs,\n    \" & > :not(:first-child)\": {\n      paddingTop: \"5px\",\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/VerticalNavigation/Actions/Action.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { NavigationData } from "../Navigation";
+import { HvTypographyProps } from "../../Typography";
+
+export type HvActionClassKey = "action" | "noIcon";
+
+export interface HvActionProps
+  extends StandardProps<HvTypographyProps, HvActionClassKey, "onClick"> {
+  /**
+   * Visual label.
+   */
+  label?: string;
+
+  /**
+   * Icon.
+   */
+  icon?: React.ReactNode;
+
+  /**
+   * Callback called when clicked.
+   */
+  onClick: (event: Event, selectedItem: NavigationData) => void;
+}
+
+export default function HvVerticalNavigationAction(props: HvActionProps): JSX.Element | null;

package/dist/VerticalNavigation/Actions/Action.js

@@ -0,0 +1,124 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _KeyboardUtils = require("../../utils/KeyboardUtils");
+
+var _Typography = _interopRequireDefault(require("../../Typography"));
+
+var _utils = require("../../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "classes", "id", "label", "icon", "onClick"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Action = function Action(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      id = _ref.id,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? "" : _ref$label,
+      icon = _ref.icon,
+      onClick = _ref.onClick,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    if (onClick == null || !(0, _KeyboardUtils.isKeypress)(event, _KeyboardUtils.KeyboardCodes.Enter) && !(0, _KeyboardUtils.isKeypress)(event, _KeyboardUtils.KeyboardCodes.SpaceBar)) {
+      return;
+    }
+
+    onClick(event);
+  }, [onClick]);
+  return /*#__PURE__*/_react.default.createElement(_Typography.default, (0, _extends2.default)({
+    id: (0, _utils.setId)(id, "button"),
+    component: "div",
+    role: "button",
+    className: (0, _clsx.default)(className, classes.action, !icon && classes.noIcon),
+    tabIndex: 0,
+    onKeyDown: handleKeyDown,
+    onClick: onClick
+  }, others), icon, label);
+};
+
+Action.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the component.
+     */
+    action: _propTypes.default.string,
+
+    /**
+     * Style applied when no icon is present.
+     */
+    noIcon: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the action.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Visual label.
+   */
+  label: _propTypes.default.string,
+
+  /**
+   * Icon.
+   */
+  icon: _propTypes.default.node,
+
+  /**
+   * Callback called when clicked.
+   */
+  onClick: _propTypes.default.func
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigationAction"
+})(Action);
+
+exports.default = _default;
+//# sourceMappingURL=Action.js.map

package/dist/VerticalNavigation/Actions/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/VerticalNavigation/Actions/Action.js"],"names":["Action","className","classes","id","label","icon","onClick","others","handleKeyDown","event","KeyboardCodes","Enter","SpaceBar","action","noIcon","propTypes","PropTypes","string","shape","isRequired","node","func","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAsE;AAAA,MAAnEC,SAAmE,QAAnEA,SAAmE;AAAA,MAAxDC,OAAwD,QAAxDA,OAAwD;AAAA,MAA/CC,EAA+C,QAA/CA,EAA+C;AAAA,wBAA3CC,KAA2C;AAAA,MAA3CA,KAA2C,2BAAnC,EAAmC;AAAA,MAA/BC,IAA+B,QAA/BA,IAA+B;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAbC,MAAa;AACnF,MAAMC,aAAa,GAAG,wBACpB,UAACC,KAAD,EAAW;AACT,QACEH,OAAO,IAAI,IAAX,IACC,CAAC,+BAAWG,KAAX,EAAkBC,6BAAcC,KAAhC,CAAD,IAA2C,CAAC,+BAAWF,KAAX,EAAkBC,6BAAcE,QAAhC,CAF/C,EAGE;AACA;AACD;;AAEDN,IAAAA,OAAO,CAACG,KAAD,CAAP;AACD,GAVmB,EAWpB,CAACH,OAAD,CAXoB,CAAtB;AAcA,sBACE,6BAAC,mBAAD;AACE,IAAA,EAAE,EAAE,kBAAMH,EAAN,EAAU,QAAV,CADN;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,SAAS,EAAE,mBAAKF,SAAL,EAAgBC,OAAO,CAACW,MAAxB,EAAoD,CAACR,IAArD,IAAmCH,OAAO,CAACY,MAA3C,CAJb;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,SAAS,EAAEN,aANb;AAOE,IAAA,OAAO,EAAEF;AAPX,KAQMC,MARN,GAUGF,IAVH,EAWGD,KAXH,CADF;AAeD,CA9BD;;AAgCAJ,MAAM,CAACe,SAAP,GAAmB;AACjB;AACF;AACA;AACEd,EAAAA,SAAS,EAAEe,mBAAUC,MAJJ;;AAKjB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEc,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,MAAM,EAAEG,mBAAUC,MAJK;;AAKvB;AACJ;AACA;AACIH,IAAAA,MAAM,EAAEE,mBAAUC;AARK,GAAhB,EASNE,UAjBc;;AAkBjB;AACF;AACA;AACEhB,EAAAA,EAAE,EAAEa,mBAAUC,MArBG;;AAsBjB;AACF;AACA;AACEb,EAAAA,KAAK,EAAEY,mBAAUC,MAzBA;;AA0BjB;AACF;AACA;AACEZ,EAAAA,IAAI,EAAEW,mBAAUI,IA7BC;;AA8BjB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEU,mBAAUK;AAjCF,CAAnB;;eAoCe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA2DvB,MAA3D,C","sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../utils/KeyboardUtils\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst Action = ({ className, classes, id, label = \"\", icon, onClick, ...others }) => {\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, KeyboardCodes.Enter) && !isKeypress(event, KeyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(className, classes.action, { [classes.noIcon]: !icon })}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {label}\n    </HvTypography>\n  );\n};\n\nAction.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 component.\n     */\n    action: PropTypes.string,\n    /**\n     * Style applied when no icon is present.\n     */\n    noIcon: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the action.\n   */\n  id: PropTypes.string,\n  /**\n   * Visual label.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.node,\n  /**\n   * Callback called when clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationAction\" })(Action);\n"],"file":"Action.js"}

package/dist/VerticalNavigation/Actions/Actions.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvActionsClassKey = "root";
+
+export type HvActionsProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, HvActionsClassKey>;
+
+export default function HvVerticalNavigationActions(props: HvActionsProps): JSX.Element | null;

package/dist/VerticalNavigation/Actions/Actions.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "classes", "id", "children"];
+
+var Actions = function Actions(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      id = _ref.id,
+      children = _ref.children,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), children);
+};
+
+Actions.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the component.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the actions container.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Node to be rendered
+   */
+  children: _propTypes.default.node
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigationActions"
+})(Actions);
+
+exports.default = _default;
+//# sourceMappingURL=Actions.js.map

package/dist/VerticalNavigation/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/VerticalNavigation/Actions/Actions.js"],"names":["Actions","className","classes","id","children","others","root","propTypes","PropTypes","string","shape","isRequired","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAqD;AAAA,MAAlDC,SAAkD,QAAlDA,SAAkD;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,EAA8B,QAA9BA,EAA8B;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAbC,MAAa;AACnE,sBACE;AAAK,IAAA,EAAE,EAAEF,EAAT;AAAa,IAAA,SAAS,EAAE,mBAAKF,SAAL,EAAgBC,OAAO,CAACI,IAAxB;AAAxB,KAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CAND;;AAQAJ,OAAO,CAACO,SAAR,GAAoB;AAClB;AACF;AACA;AACEN,EAAAA,SAAS,EAAEO,mBAAUC,MAJH;;AAKlB;AACF;AACA;AACEP,EAAAA,OAAO,EAAEM,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEE,mBAAUC;AAJO,GAAhB,EAKNE,UAbe;;AAclB;AACF;AACA;AACER,EAAAA,EAAE,EAAEK,mBAAUC,MAjBI;;AAkBlB;AACF;AACA;AACEL,EAAAA,QAAQ,EAAEI,mBAAUI;AArBF,CAApB;;eAwBe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA4Dd,OAA5D,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport styles from \"./styles\";\n\nconst Actions = ({ className, classes, id, children, ...others }) => {\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.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 component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the actions container.\n   */\n  id: PropTypes.string,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationActions\" })(Actions);\n"],"file":"Actions.js"}

package/dist/VerticalNavigation/Actions/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./Actions";
+export * from "./Actions";
+
+export { default as Action } from "./Action";
+export * from "./Action";

package/dist/VerticalNavigation/Actions/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Action", {
+  enumerable: true,
+  get: function get() {
+    return _Action.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Actions.default;
+  }
+});
+
+var _Actions = _interopRequireDefault(require("./Actions"));
+
+var _Action = _interopRequireDefault(require("./Action"));
+//# sourceMappingURL=index.js.map

package/dist/VerticalNavigation/Actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/VerticalNavigation/Actions/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default } from \"./Actions\";\nexport { default as Action } from \"./Action\";\n"],"file":"index.js"}

package/dist/VerticalNavigation/Actions/styles.js

@@ -0,0 +1,77 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../../Focus/styles");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo3,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo3
+    }
+  };
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "block",
+      background: theme.hv.palette.atmosphere.atmo1,
+      "& :not(:last-child)": {
+        marginBottom: "8px"
+      }
+    },
+    action: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: theme.hv.palette.atmosphere.acce1,
+      // hover
+      "&:hover": hover(theme),
+      "&:focus": _objectSpread({
+        outline: "none"
+      }, hover(theme)),
+      "&.focus-visible": _objectSpread({}, _styles.outlineStyles),
+      // cursor
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      }
+    },
+    noIcon: {
+      paddingLeft: theme.hv.spacing.xs
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/VerticalNavigation/Actions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/VerticalNavigation/Actions/styles.js"],"names":["hover","theme","background","hv","palette","atmosphere","atmo3","styles","root","display","atmo1","marginBottom","action","width","justifyContent","alignItems","height","color","acce1","outline","outlineStyles","cursor","noIcon","paddingLeft","spacing","xs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;AAAA,SAAY;AACxBC,IAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADhB;AAExB,WAAO;AACLJ,MAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADnC;AAFiB,GAAZ;AAAA,CAAd;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACN,KAAD;AAAA,SAAY;AACzBO,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,OADL;AAEJP,MAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK,KAFpC;AAIJ,6BAAuB;AACrBC,QAAAA,YAAY,EAAE;AADO;AAJnB,KADmB;AAUzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,MADD;AAENJ,MAAAA,OAAO,EAAE,MAFH;AAGNK,MAAAA,cAAc,EAAE,YAHV;AAINC,MAAAA,UAAU,EAAE,QAJN;AAKNC,MAAAA,MAAM,EAAE,MALF;AAMNC,MAAAA,KAAK,EAAEhB,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Ba,KAN7B;AAQN;AACA,iBAAWlB,KAAK,CAACC,KAAD,CATV;AAWN;AACEkB,QAAAA,OAAO,EAAE;AADX,SAEKnB,KAAK,CAACC,KAAD,CAFV,CAXM;AAgBN,2CACKmB,qBADL,CAhBM;AAoBN;AACAC,MAAAA,MAAM,EAAE,SArBF;AAsBN,aAAO;AACLA,QAAAA,MAAM,EAAE;AADH;AAtBD,KAViB;AAoCzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,WAAW,EAAEtB,KAAK,CAACE,EAAN,CAASqB,OAAT,CAAiBC;AADxB;AApCiB,GAAZ;AAAA,CAAf;;eAyCelB,M","sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst styles = (theme) => ({\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n\n    \"& :not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  action: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    color: theme.hv.palette.atmosphere.acce1,\n\n    // hover\n    \"&:hover\": hover(theme),\n\n    \"&:focus\": {\n      outline: \"none\",\n      ...hover(theme),\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n  },\n  noIcon: {\n    paddingLeft: theme.hv.spacing.xs,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}