@hitachivantara/uikit-react-core 3.52.5

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

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

package/dist/VerticalNavigation/VerticalContainer/styles.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      marginTop: "5px",
+      marginBottom: "0px"
+    },
+    fixed: {
+      position: "fixed",
+      zIndex: theme.zIndex.drawer,
+      top: "50px",
+      bottom: 0
+    },
+    relative: {
+      position: "relative",
+      "&$withAnchorBar": {
+        height: "100%"
+      }
+    },
+    absolute: {
+      position: "absolute"
+    },
+    static: {
+      position: "static"
+    },
+    withAnchorBar: {
+      height: "100%"
+    },
+    verticalContainer: {
+      display: "flex",
+      zIndex: 20
+    },
+    anchorBar: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      width: "52px",
+      height: "100%",
+      overflow: "hidden",
+      padding: theme.hv.spacing.xs
+    },
+    button: {
+      marginTop: theme.hv.spacing.xs,
+      width: "32px",
+      height: "32px"
+    },
+    separator: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo2,
+      width: "3px"
+    },
+    contentContainer: {
+      height: "100%",
+      overflow: "auto",
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/VerticalNavigation/VerticalContainer/styles.js"],"names":["styles","theme","root","display","marginTop","marginBottom","fixed","position","zIndex","drawer","top","bottom","relative","height","absolute","static","withAnchorBar","verticalContainer","anchorBar","backgroundColor","hv","palette","atmosphere","atmo1","width","overflow","padding","spacing","xs","button","separator","atmo2","contentContainer"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,SAAS,EAAE,KAFP;AAGJC,MAAAA,YAAY,EAAE;AAHV,KADmB;AAMzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,OADL;AAELC,MAAAA,MAAM,EAAEP,KAAK,CAACO,MAAN,CAAaC,MAFhB;AAGLC,MAAAA,GAAG,EAAE,MAHA;AAILC,MAAAA,MAAM,EAAE;AAJH,KANkB;AAYzBC,IAAAA,QAAQ,EAAE;AACRL,MAAAA,QAAQ,EAAE,UADF;AAER,yBAAmB;AACjBM,QAAAA,MAAM,EAAE;AADS;AAFX,KAZe;AAkBzBC,IAAAA,QAAQ,EAAE;AACRP,MAAAA,QAAQ,EAAE;AADF,KAlBe;AAqBzBQ,IAAAA,MAAM,EAAE;AACNR,MAAAA,QAAQ,EAAE;AADJ,KArBiB;AAwBzBS,IAAAA,aAAa,EAAE;AACbH,MAAAA,MAAM,EAAE;AADK,KAxBU;AA2BzBI,IAAAA,iBAAiB,EAAE;AACjBd,MAAAA,OAAO,EAAE,MADQ;AAEjBK,MAAAA,MAAM,EAAE;AAFS,KA3BM;AA+BzBU,IAAAA,SAAS,EAAE;AACTC,MAAAA,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADpC;AAETC,MAAAA,KAAK,EAAE,MAFE;AAGTX,MAAAA,MAAM,EAAE,MAHC;AAITY,MAAAA,QAAQ,EAAE,QAJD;AAKTC,MAAAA,OAAO,EAAEzB,KAAK,CAACmB,EAAN,CAASO,OAAT,CAAiBC;AALjB,KA/Bc;AAsCzBC,IAAAA,MAAM,EAAE;AACNzB,MAAAA,SAAS,EAAEH,KAAK,CAACmB,EAAN,CAASO,OAAT,CAAiBC,EADtB;AAENJ,MAAAA,KAAK,EAAE,MAFD;AAGNX,MAAAA,MAAM,EAAE;AAHF,KAtCiB;AA2CzBiB,IAAAA,SAAS,EAAE;AACTX,MAAAA,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BS,KADpC;AAETP,MAAAA,KAAK,EAAE;AAFE,KA3Cc;AA+CzBQ,IAAAA,gBAAgB,EAAE;AAChBnB,MAAAA,MAAM,EAAE,MADQ;AAEhBY,MAAAA,QAAQ,EAAE,MAFM;AAGhBN,MAAAA,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AAH7B;AA/CO,GAAZ;AAAA,CAAf;;eAsDevB,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    marginTop: \"5px\",\n    marginBottom: \"0px\",\n  },\n  fixed: {\n    position: \"fixed\",\n    zIndex: theme.zIndex.drawer,\n    top: \"50px\",\n    bottom: 0,\n  },\n  relative: {\n    position: \"relative\",\n    \"&$withAnchorBar\": {\n      height: \"100%\",\n    },\n  },\n  absolute: {\n    position: \"absolute\",\n  },\n  static: {\n    position: \"static\",\n  },\n  withAnchorBar: {\n    height: \"100%\",\n  },\n  verticalContainer: {\n    display: \"flex\",\n    zIndex: 20,\n  },\n  anchorBar: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    width: \"52px\",\n    height: \"100%\",\n    overflow: \"hidden\",\n    padding: theme.hv.spacing.xs,\n  },\n  button: {\n    marginTop: theme.hv.spacing.xs,\n    width: \"32px\",\n    height: \"32px\",\n  },\n  separator: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    width: \"3px\",\n  },\n  contentContainer: {\n    height: \"100%\",\n    overflow: \"auto\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/VerticalNavigation/VerticalNavigation.d.ts

@@ -0,0 +1,45 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvVerticalNavigationClassKey = "root" | "noCollapse" | "legacyMode";
+
+export interface HvVerticalNavigationProps
+  extends StandardProps<React.HTMLAttributes<HTMLUListElement>, HvVerticalNavigationClassKey> {
+  /**
+   * Sets if the navigation should have a button to hide itself.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  isCollapsable?: boolean;
+  /**
+   * Is the navigation open.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  isOpen?: boolean;
+  /**
+   * Callback when the navigation toggles between open and close.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  toggleOpenCallback?: (open: boolean) => void;
+  /**
+   * Position of the component.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  position?: "static" | "relative" | "fixed" | "absolute";
+  /**
+   * Defines if the navigation should close when losing focus / clicking outside.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  closeOnExit?: boolean;
+  /**
+   * Aria-label for the button that opens the vertical navigation.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  buttonAriaLabel?: string;
+}
+
+export default function HvVerticalNavigation(props: HvVerticalNavigationProps): JSX.Element | null;

package/dist/VerticalNavigation/VerticalNavigation.js

@@ -0,0 +1,176 @@
+"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 _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _VerticalContainer = _interopRequireDefault(require("./VerticalContainer"));
+
+var _utils = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "className", "classes", "children", "isOpen", "toggleOpenCallback", "isCollapsable", "position", "closeOnExit", "buttonAriaLabel"];
+
+/**
+ * Navigation enables users to move through an app to complete tasks.
+ *
+ * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.
+ * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.
+ *
+ * Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)
+ * isn't necessarily the most appropriate.
+ *
+ * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.
+ *
+ * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.
+ * However it can be tedious to TAB through all navigation items to reach the actions panel.
+ *
+ * Both modes are available via the `mode` property and each app should choose the most appropriate.
+ */
+var VerticalNavigation = function VerticalNavigation(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      classes = _ref.classes,
+      children = _ref.children,
+      isOpenProp = _ref.isOpen,
+      toggleOpenCallback = _ref.toggleOpenCallback,
+      isCollapsableProp = _ref.isCollapsable,
+      positionProp = _ref.position,
+      closeOnExitProp = _ref.closeOnExit,
+      buttonAriaLabel = _ref.buttonAriaLabel,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var deprecatedMode = isOpenProp != null || toggleOpenCallback != null || isCollapsableProp != null || positionProp != null || closeOnExitProp != null || buttonAriaLabel != null;
+  var isOpen;
+  var isCollapsable;
+  var position;
+  var closeOnExit;
+
+  if (deprecatedMode) {
+    // restore the default values if needed
+    closeOnExit = closeOnExitProp !== null && closeOnExitProp !== void 0 ? closeOnExitProp : false;
+    position = positionProp !== null && positionProp !== void 0 ? positionProp : "static";
+    isCollapsable = isCollapsableProp !== null && isCollapsableProp !== void 0 ? isCollapsableProp : false;
+    isOpen = isOpenProp !== null && isOpenProp !== void 0 ? isOpenProp : !isCollapsable;
+  }
+
+  var content = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(className, classes.root, deprecatedMode && [classes.legacyMode, !isCollapsable && classes.noCollapsable])
+  }, others), children);
+
+  if (deprecatedMode) {
+    return /*#__PURE__*/_react.default.createElement(_VerticalContainer.default, {
+      id: (0, _utils.setId)(id, "container"),
+      isOpen: isOpen,
+      toggleOpenCallback: toggleOpenCallback,
+      position: position,
+      isAnchorBarVisible: isCollapsable,
+      closeOnExit: closeOnExit,
+      buttonAriaLabel: buttonAriaLabel
+    }, content);
+  }
+
+  return content;
+};
+
+VerticalNavigation.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * 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 root of the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the root of the component when it not collapsable.
+     *
+     * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+     */
+    noCollapsable: (0, _core.deprecatedPropType)(_propTypes.default.string),
+
+    /**
+     * @ignore
+     */
+    legacyMode: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The content inside the actions container.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * Sets if the navigation should have a button to hide itself.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  isCollapsable: (0, _core.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
+
+  /**
+   * Is the navigation open.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  isOpen: (0, _core.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
+
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback: _propTypes.default.func,
+
+  /**
+   * Position of the component.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  position: (0, _core.deprecatedPropType)(_propTypes.default.oneOf(["static", "relative", "fixed", "absolute"]), "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
+
+  /**
+   * Defines if the navigation should close when losing focus / clicking outside.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  closeOnExit: (0, _core.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component."),
+
+  /**
+   * Aria-label for the button that opens the vertical navigation.
+   *
+   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.
+   */
+  buttonAriaLabel: (0, _core.deprecatedPropType)(_propTypes.default.bool, "This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.")
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigation"
+})(VerticalNavigation);
+
+exports.default = _default;
+//# sourceMappingURL=VerticalNavigation.js.map

package/dist/VerticalNavigation/VerticalNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/VerticalNavigation/VerticalNavigation.js"],"names":["VerticalNavigation","id","className","classes","children","isOpenProp","isOpen","toggleOpenCallback","isCollapsableProp","isCollapsable","positionProp","position","closeOnExitProp","closeOnExit","buttonAriaLabel","others","deprecatedMode","content","root","legacyMode","noCollapsable","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport VerticalContainer from \"./VerticalContainer\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nconst VerticalNavigation = ({\n  id,\n  className,\n  classes,\n\n  children,\n\n  // deprecated props\n  isOpen: isOpenProp,\n  toggleOpenCallback,\n  isCollapsable: isCollapsableProp,\n  position: positionProp,\n  closeOnExit: closeOnExitProp,\n  buttonAriaLabel,\n\n  ...others\n}) => {\n  const deprecatedMode =\n    isOpenProp != null ||\n    toggleOpenCallback != null ||\n    isCollapsableProp != null ||\n    positionProp != null ||\n    closeOnExitProp != null ||\n    buttonAriaLabel != null;\n\n  let isOpen;\n  let isCollapsable;\n  let position;\n  let closeOnExit;\n  if (deprecatedMode) {\n    // restore the default values if needed\n    closeOnExit = closeOnExitProp ?? false;\n    position = positionProp ?? \"static\";\n    isCollapsable = isCollapsableProp ?? false;\n    isOpen = isOpenProp ?? !isCollapsable;\n  }\n\n  const content = (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.noCollapsable]: deprecatedMode && !isCollapsable,\n        [classes.legacyMode]: deprecatedMode,\n      })}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n\n  if (deprecatedMode) {\n    return (\n      <VerticalContainer\n        id={setId(id, \"container\")}\n        isOpen={isOpen}\n        toggleOpenCallback={toggleOpenCallback}\n        position={position}\n        isAnchorBarVisible={isCollapsable}\n        closeOnExit={closeOnExit}\n        buttonAriaLabel={buttonAriaLabel}\n      >\n        {content}\n      </VerticalContainer>\n    );\n  }\n\n  return content;\n};\n\nVerticalNavigation.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 to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component when it not collapsable.\n     *\n     * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n     */\n    noCollapsable: deprecatedPropType(PropTypes.string),\n    /**\n     * @ignore\n     */\n    legacyMode: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The content inside the actions container.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Sets if the navigation should have a button to hide itself.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isCollapsable: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Is the navigation open.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Position of the component.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  position: deprecatedPropType(\n    PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Defines if the navigation should close when losing focus / clicking outside.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  closeOnExit: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Aria-label for the button that opens the vertical navigation.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  buttonAriaLabel: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigation\" })(VerticalNavigation);\n"],"file":"VerticalNavigation.js"}

package/dist/VerticalNavigation/index.d.ts

@@ -0,0 +1,11 @@
+export { default } from "./VerticalNavigation";
+export * from "./VerticalNavigation";
+
+export { default as Actions } from "./Actions";
+export * from "./Actions";
+
+export { default as Navigation } from "./Navigation";
+export * from "./Navigation";
+
+export { default as TreeView } from "./TreeView";
+export * from "./TreeView";

package/dist/VerticalNavigation/index.js

@@ -0,0 +1,91 @@
+"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 = {
+  Navigation: true,
+  TreeView: true,
+  Actions: true
+};
+Object.defineProperty(exports, "Actions", {
+  enumerable: true,
+  get: function get() {
+    return _Actions.default;
+  }
+});
+Object.defineProperty(exports, "Navigation", {
+  enumerable: true,
+  get: function get() {
+    return _Navigation.default;
+  }
+});
+Object.defineProperty(exports, "TreeView", {
+  enumerable: true,
+  get: function get() {
+    return _TreeView.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _VerticalNavigation.default;
+  }
+});
+
+var _VerticalNavigation = _interopRequireDefault(require("./VerticalNavigation"));
+
+var _Navigation = _interopRequireDefault(require("./Navigation"));
+
+var _TreeView = _interopRequireWildcard(require("./TreeView"));
+
+Object.keys(_TreeView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TreeView[key];
+    }
+  });
+});
+
+var _Actions = _interopRequireWildcard(require("./Actions"));
+
+Object.keys(_Actions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Actions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Actions[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/VerticalNavigation/index.js.map

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

package/dist/VerticalNavigation/styles.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      width: "100%",
+      background: theme.hv.palette.atmosphere.atmo1,
+      "& > :only-child": {
+        padding: theme.hv.spacing.sm
+      },
+      "& > :not(:first-child)": {
+        borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
+        padding: theme.hvSpacing("xs", "sm", "sm", "sm")
+      },
+      "& > :first-child:not(:last-child)": {
+        padding: theme.hvSpacing("sm", "sm", "xs", "sm")
+      }
+    },
+    noCollapse: {},
+    legacyMode: {
+      width: 225
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/VerticalNavigation/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/VerticalNavigation/styles.js"],"names":["styles","theme","root","display","flexDirection","justifyContent","width","background","hv","palette","atmosphere","atmo1","padding","spacing","sm","borderTop","atmo2","hvSpacing","noCollapse","legacyMode"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAGJC,MAAAA,cAAc,EAAE,eAHZ;AAKJC,MAAAA,KAAK,EAAE,MALH;AAOJC,MAAAA,UAAU,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAPpC;AASJ,yBAAmB;AACjBC,QAAAA,OAAO,EAAEX,KAAK,CAACO,EAAN,CAASK,OAAT,CAAiBC;AADT,OATf;AAYJ,gCAA0B;AACxBC,QAAAA,SAAS,sBAAed,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM,KAA3C,CADe;AAExBJ,QAAAA,OAAO,EAAEX,KAAK,CAACgB,SAAN,CAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC;AAFe,OAZtB;AAgBJ,2CAAqC;AACnCL,QAAAA,OAAO,EAAEX,KAAK,CAACgB,SAAN,CAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC;AAD0B;AAhBjC,KADmB;AAqBzBC,IAAAA,UAAU,EAAE,EArBa;AAsBzBC,IAAAA,UAAU,EAAE;AACVb,MAAAA,KAAK,EAAE;AADG;AAtBa,GAAZ;AAAA,CAAf;;eA2BeN,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"space-between\",\n\n    width: \"100%\",\n\n    background: theme.hv.palette.atmosphere.atmo1,\n\n    \"& > :only-child\": {\n      padding: theme.hv.spacing.sm,\n    },\n    \"& > :not(:first-child)\": {\n      borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      padding: theme.hvSpacing(\"xs\", \"sm\", \"sm\", \"sm\"),\n    },\n    \"& > :first-child:not(:last-child)\": {\n      padding: theme.hvSpacing(\"sm\", \"sm\", \"xs\", \"sm\"),\n    },\n  },\n  noCollapse: {},\n  legacyMode: {\n    width: 225,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}