@hitachivantara/uikit-react-core 3.63.0 → 3.66.0

package/dist/AssetInventory/ListView/ListView.js

@@ -179,7 +179,7 @@ process.env.NODE_ENV !== "production" ? ListView.propTypes = {
      * List column configuration.
      */
     columnConfiguration: _propTypes.default.arrayOf(_propTypes.default.shape({
-      title: _propTypes.default.String,
+      title: _propTypes.default.string,
       style: _propTypes.default.instanceOf(Object)
     })),
 

package/dist/AssetInventory/ListView/ListView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/AssetInventory/ListView/ListView.js"],"names":["Rows","renderer","values","selectedValues","viewConfiguration","metadata","map","value","index","checked","includes","id","ListView","className","classes","emptyComponent","others","hasValues","length","renderGridDisplay","containerRef","enhancedViewConfiguration","root","columnConfiguration","tableHead","tableBody","elements","propTypes","PropTypes","string","node","shape","onSelection","func","isSelectable","bool","arrayOf","title","String","style","instanceOf","Object","actions","isRequired","label","icon","oneOfType","disabled","actionsCallback","maxVisibleActions","number","accessor","cellType","oneOf","sortable","sortFunction","searchable","searchFunction","styles","name"],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { ListViewContextProvider } from \"./ListViewContext/ListViewContext\";\nimport ListViewHeaderRow from \"./ListViewHeaderRow\";\nimport Grid from \"../../Grid\";\nimport styles from \"./styles\";\n\nconst Rows = ({ renderer, values, selectedValues, viewConfiguration, metadata }) =>\n  values.map((value, index) => {\n    // eslint-disable-next-line no-param-reassign\n    value.checked = selectedValues && selectedValues.includes(value.id);\n    return renderer(value, index, viewConfiguration, metadata);\n  });\n\nconst ListView = ({\n  className,\n  id,\n  viewConfiguration,\n  classes,\n  renderer,\n  values,\n  selectedValues,\n  metadata,\n  emptyComponent,\n  ...others\n}) => {\n  const hasValues = values.length > 0;\n\n  const renderGridDisplay = (containerRef) => {\n    const enhancedViewConfiguration = {\n      containerRef,\n      ...viewConfiguration,\n    };\n\n    return (\n      <Grid container justifyContent=\"center\" alignContent=\"stretch\">\n        <Grid item xs={12} sm={12} md={12} lg={12} xl={12}>\n          <div\n            id={id}\n            aria-rowcount={values.length}\n            className={clsx(className, classes.root)}\n            {...others}\n          >\n            {viewConfiguration?.columnConfiguration?.length > 0 && hasValues && (\n              <div className={classes.tableHead}>\n                <ListViewHeaderRow viewConfiguration={enhancedViewConfiguration} />\n              </div>\n            )}\n            <ul className={classes.tableBody}>\n              <ListViewContextProvider value={enhancedViewConfiguration}>\n                <Rows\n                  classes={classes}\n                  renderer={renderer}\n                  values={values}\n                  selectedValues={selectedValues}\n                  metadata={metadata}\n                  viewConfiguration={enhancedViewConfiguration}\n                  containerRef={containerRef}\n                />\n              </ListViewContextProvider>\n            </ul>\n          </div>\n        </Grid>\n      </Grid>\n    );\n  };\n  const containerRef = useRef(null);\n  return (\n    <>\n      {!hasValues && emptyComponent}\n      {hasValues && (\n        <div className={classes.root} ref={containerRef}>\n          <div className={classes.elements}>{renderGridDisplay(containerRef)}</div>\n        </div>\n      )}\n    </>\n  );\n};\n\nListView.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Component to the present when no data is available.\n   */\n  emptyComponent: PropTypes.node,\n  /**\n   * Configuration settings for the view.\n   */\n  viewConfiguration: PropTypes.shape({\n    /**\n     * Callback evoked in the selection of the card.\n     */\n    onSelection: PropTypes.func,\n    /**\n     * Defines if the view allows selections.\n     */\n    isSelectable: PropTypes.bool,\n    /**\n     * List column configuration.\n     */\n    columnConfiguration: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.String,\n        style: PropTypes.instanceOf(Object),\n      })\n    ),\n    /**\n     * List of actions to be passed to the cards.\n     */\n    actions: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n        disabled: PropTypes.bool,\n      })\n    ),\n    /**\n     * The callback function ran when an action is triggered, receiving `action` as param\n     */\n    actionsCallback: PropTypes.func,\n    /**\n     * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n     */\n    maxVisibleActions: PropTypes.number,\n  }),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component that contains the elements class.\n     */\n    elements: PropTypes.string,\n    /**\n     * Styles applied to the table header.\n     */\n    tableHead: PropTypes.string,\n    /**\n     * Styles applied to the table body.\n     */\n    tableBody: PropTypes.string,\n  }).isRequired,\n  /**\n   * The function that will be used to render the list,\n   * it receives the values one bye one, is recommended to use\n   * the list View cell and list view Row to construct the renderer\n   */\n  renderer: PropTypes.func.isRequired,\n  /**\n   * The values that will be passed to the renderer one by one\n   */\n  values: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Selected values.\n   */\n  selectedValues: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Metadata associated with the values.\n   */\n  metadata: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      title: PropTypes.string,\n      accessor: PropTypes.string,\n      cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n      sortable: PropTypes.bool,\n      sortFunction: PropTypes.func,\n      searchable: PropTypes.bool,\n      searchFunction: PropTypes.func,\n    })\n  ),\n};\n\nexport default withStyles(styles, { name: \"HvListView\" })(ListView);\n"],"file":"ListView.js"}
+{"version":3,"sources":["../../../src/AssetInventory/ListView/ListView.js"],"names":["Rows","renderer","values","selectedValues","viewConfiguration","metadata","map","value","index","checked","includes","id","ListView","className","classes","emptyComponent","others","hasValues","length","renderGridDisplay","containerRef","enhancedViewConfiguration","root","columnConfiguration","tableHead","tableBody","elements","propTypes","PropTypes","string","node","shape","onSelection","func","isSelectable","bool","arrayOf","title","style","instanceOf","Object","actions","isRequired","label","icon","oneOfType","disabled","actionsCallback","maxVisibleActions","number","accessor","cellType","oneOf","sortable","sortFunction","searchable","searchFunction","styles","name"],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { ListViewContextProvider } from \"./ListViewContext/ListViewContext\";\nimport ListViewHeaderRow from \"./ListViewHeaderRow\";\nimport Grid from \"../../Grid\";\nimport styles from \"./styles\";\n\nconst Rows = ({ renderer, values, selectedValues, viewConfiguration, metadata }) =>\n  values.map((value, index) => {\n    // eslint-disable-next-line no-param-reassign\n    value.checked = selectedValues && selectedValues.includes(value.id);\n    return renderer(value, index, viewConfiguration, metadata);\n  });\n\nconst ListView = ({\n  className,\n  id,\n  viewConfiguration,\n  classes,\n  renderer,\n  values,\n  selectedValues,\n  metadata,\n  emptyComponent,\n  ...others\n}) => {\n  const hasValues = values.length > 0;\n\n  const renderGridDisplay = (containerRef) => {\n    const enhancedViewConfiguration = {\n      containerRef,\n      ...viewConfiguration,\n    };\n\n    return (\n      <Grid container justifyContent=\"center\" alignContent=\"stretch\">\n        <Grid item xs={12} sm={12} md={12} lg={12} xl={12}>\n          <div\n            id={id}\n            aria-rowcount={values.length}\n            className={clsx(className, classes.root)}\n            {...others}\n          >\n            {viewConfiguration?.columnConfiguration?.length > 0 && hasValues && (\n              <div className={classes.tableHead}>\n                <ListViewHeaderRow viewConfiguration={enhancedViewConfiguration} />\n              </div>\n            )}\n            <ul className={classes.tableBody}>\n              <ListViewContextProvider value={enhancedViewConfiguration}>\n                <Rows\n                  classes={classes}\n                  renderer={renderer}\n                  values={values}\n                  selectedValues={selectedValues}\n                  metadata={metadata}\n                  viewConfiguration={enhancedViewConfiguration}\n                  containerRef={containerRef}\n                />\n              </ListViewContextProvider>\n            </ul>\n          </div>\n        </Grid>\n      </Grid>\n    );\n  };\n  const containerRef = useRef(null);\n  return (\n    <>\n      {!hasValues && emptyComponent}\n      {hasValues && (\n        <div className={classes.root} ref={containerRef}>\n          <div className={classes.elements}>{renderGridDisplay(containerRef)}</div>\n        </div>\n      )}\n    </>\n  );\n};\n\nListView.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Component to the present when no data is available.\n   */\n  emptyComponent: PropTypes.node,\n  /**\n   * Configuration settings for the view.\n   */\n  viewConfiguration: PropTypes.shape({\n    /**\n     * Callback evoked in the selection of the card.\n     */\n    onSelection: PropTypes.func,\n    /**\n     * Defines if the view allows selections.\n     */\n    isSelectable: PropTypes.bool,\n    /**\n     * List column configuration.\n     */\n    columnConfiguration: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        style: PropTypes.instanceOf(Object),\n      })\n    ),\n    /**\n     * List of actions to be passed to the cards.\n     */\n    actions: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n        disabled: PropTypes.bool,\n      })\n    ),\n    /**\n     * The callback function ran when an action is triggered, receiving `action` as param\n     */\n    actionsCallback: PropTypes.func,\n    /**\n     * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n     */\n    maxVisibleActions: PropTypes.number,\n  }),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component that contains the elements class.\n     */\n    elements: PropTypes.string,\n    /**\n     * Styles applied to the table header.\n     */\n    tableHead: PropTypes.string,\n    /**\n     * Styles applied to the table body.\n     */\n    tableBody: PropTypes.string,\n  }).isRequired,\n  /**\n   * The function that will be used to render the list,\n   * it receives the values one bye one, is recommended to use\n   * the list View cell and list view Row to construct the renderer\n   */\n  renderer: PropTypes.func.isRequired,\n  /**\n   * The values that will be passed to the renderer one by one\n   */\n  values: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Selected values.\n   */\n  selectedValues: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Metadata associated with the values.\n   */\n  metadata: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      title: PropTypes.string,\n      accessor: PropTypes.string,\n      cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n      sortable: PropTypes.bool,\n      sortFunction: PropTypes.func,\n      searchable: PropTypes.bool,\n      searchFunction: PropTypes.func,\n    })\n  ),\n};\n\nexport default withStyles(styles, { name: \"HvListView\" })(ListView);\n"],"file":"ListView.js"}

package/dist/Chart/Plot/Plot.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
-import type { Config, Layout, PlotData as PlotlyPlotData } from "plotly.js";
+import type { Config, Layout, Data as PlotlyPlotData } from "plotly.js";
 
 export type PlotData = PlotlyPlotData;
 export type PlotLayout = Layout;
@@ -17,11 +17,11 @@ export interface HvPlotProps
   /**
    * Plotly layout object.
    */
-  layout?: PlotLayout;
+  layout?: Partial<PlotLayout>;
   /**
    * Plotly config object.
    */
-  config?: PlotConfig;
+  config?: Partial<PlotConfig>;
   /**
    * OnHover function.
    */

package/dist/SimpleGrid/SimpleGrid.d.ts

@@ -0,0 +1,17 @@
+import { FunctionComponent } from "react";
+
+export type Spacing = "xs" | "sm" | "md" | "lg";
+export type Breakpoints = {
+  cols?: number;
+  maxWidth?: number;
+  minWidth?: number;
+  spacing?: Spacing;
+};
+
+export interface SimpleGridProps extends FunctionComponent {
+  spacing?: Spacing;
+  cols?: number;
+  breakpoints?: Breakpoints;
+}
+
+export default function HvSimpleGrid(props: SimpleGridProps): JSX.Element | null;

package/dist/SimpleGrid/SimpleGrid.js

@@ -0,0 +1,73 @@
+"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 _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["children", "breakpoints", "spacing", "cols"];
+
+var SimpleGrid = function SimpleGrid(_ref) {
+  var children = _ref.children,
+      breakpoints = _ref.breakpoints,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
+      cols = _ref.cols,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var classes = (0, _styles.default)({
+    breakpoints: breakpoints,
+    cols: cols,
+    spacing: spacing
+  })();
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: classes.container
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? SimpleGrid.propTypes = {
+  /**
+   * -
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * Spacing with pre-defined values according the values defined in the theme
+   */
+  spacing: _propTypes.default.oneOf(["sm", "md", "lg", "xl"]),
+
+  /**
+   * Provide an array to define responsive behavior:
+   *
+   *    maxWidth or minWidth: max-width or min-width at which media query will work
+   *
+   *    cols: number of columns per row at given max-width
+   *
+   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead
+   */
+  breakpoints: _propTypes.default.arrayOf(_propTypes.default.shape({
+    maxWidth: _propTypes.default.number,
+    minWidth: _propTypes.default.number,
+    cols: _propTypes.default.number,
+    spacing: _propTypes.default.oneOf(["sm", "md", "lg", "xl"])
+  })),
+
+  /**
+   * Number of how many columns the content will be displayed
+   */
+  cols: _propTypes.default.number
+} : void 0;
+var _default = SimpleGrid;
+exports.default = _default;
+//# sourceMappingURL=SimpleGrid.js.map

package/dist/SimpleGrid/SimpleGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/SimpleGrid/SimpleGrid.js"],"names":["SimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","PropTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;AAAA,MAA7DC,QAA6D,QAA7DA,QAA6D;AAAA,MAAnDC,WAAmD,QAAnDA,WAAmD;AAAA,0BAAtCC,OAAsC;AAAA,MAAtCA,OAAsC,6BAA5B,IAA4B;AAAA,MAAtBC,IAAsB,QAAtBA,IAAsB;AAAA,MAAbC,MAAa;AACjF,MAAMC,OAAO,GAAG,qBAAU;AAAEJ,IAAAA,WAAW,EAAXA,WAAF;AAAeE,IAAAA,IAAI,EAAJA,IAAf;AAAqBD,IAAAA,OAAO,EAAPA;AAArB,GAAV,GAAhB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEG,OAAO,CAACC;AAAxB,KAAuCF,MAAvC,GACGJ,QADH,CADF;AAKD,CAPD;;AASA,wCAAAD,UAAU,CAACQ,SAAX,GAAuB;AACrB;AACF;AACA;AACEP,EAAAA,QAAQ,EAAEQ,mBAAUC,IAJC;;AAKrB;AACF;AACA;AACEP,EAAAA,OAAO,EAAEM,mBAAUE,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB,CARY;;AASrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACET,EAAAA,WAAW,EAAEO,mBAAUG,OAAV,CACXH,mBAAUI,KAAV,CAAgB;AACdC,IAAAA,QAAQ,EAAEL,mBAAUM,MADN;AAEdC,IAAAA,QAAQ,EAAEP,mBAAUM,MAFN;AAGdX,IAAAA,IAAI,EAAEK,mBAAUM,MAHF;AAIdZ,IAAAA,OAAO,EAAEM,mBAAUE,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB;AAJK,GAAhB,CADW,CAlBQ;;AA0BrB;AACF;AACA;AACEP,EAAAA,IAAI,EAAEK,mBAAUM;AA7BK,CAAvB;eAgCef,U","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport useStyles from \"./styles\";\n\nconst SimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default SimpleGrid;\n"],"file":"SimpleGrid.js"}

package/dist/SimpleGrid/index.d.ts

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

package/dist/SimpleGrid/index.js

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

package/dist/SimpleGrid/index.js.map

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

package/dist/SimpleGrid/styles.js

@@ -0,0 +1,99 @@
+"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.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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+require("core-js/modules/es.array.sort.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _core = require("@material-ui/core");
+
+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) { (0, _defineProperty2.default)(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; }
+
+function size(props) {
+  if (typeof props.size === "number") {
+    return props.size;
+  }
+
+  return props.sizes[props.size] || props.size || props.sizes.md;
+}
+
+function getSortedBreakpoints(theme, breakpoints) {
+  if (breakpoints.length === 0) {
+    return breakpoints;
+  }
+
+  var property = "maxWidth" in breakpoints[0] ? "maxWidth" : "minWidth";
+  var sorted = (0, _toConsumableArray2.default)(breakpoints).sort(function (a, b) {
+    return size({
+      size: b[property],
+      sizes: theme.breakpoints
+    }) - size({
+      size: a[property],
+      sizes: theme.breakpoints
+    });
+  });
+  return property === "minWidth" ? sorted.reverse() : sorted;
+}
+
+var styles = function styles(props) {
+  return (0, _core.makeStyles)(function (theme) {
+    var breakpoints = props.breakpoints,
+        spacing = props.spacing,
+        cols = props.cols;
+    var gridBreakpoints = null;
+
+    if (breakpoints) {
+      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce(function (acc, breakpoint) {
+        var property = "maxWidth" in breakpoint ? "max-width" : "min-width";
+        var breakpointSize = size({
+          size: property === "max-width" ? breakpoint.maxWidth : breakpoint.minWidth,
+          sizes: theme.breakpoints
+        });
+        acc["@media (".concat(property, ": ").concat(breakpointSize + (property === "max-width" ? 0 : 1), "px)")] = {
+          gridTemplateColumns: "repeat(".concat(breakpoint.cols, ", minmax(0, 1fr))"),
+          gap: theme.hv.spacing[spacing]
+        };
+        return acc;
+      }, {});
+    }
+
+    return {
+      container: _objectSpread({
+        boxSizing: "border-box",
+        display: "grid",
+        gridTemplateColumns: "repeat(".concat(cols, ", minmax(0, 1fr))"),
+        gap: theme.hv.spacing[spacing]
+      }, gridBreakpoints)
+    };
+  });
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/SimpleGrid/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/SimpleGrid/styles.js"],"names":["size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqB;AACnB,MAAI,OAAOA,KAAK,CAACD,IAAb,KAAsB,QAA1B,EAAoC;AAClC,WAAOC,KAAK,CAACD,IAAb;AACD;;AAED,SAAOC,KAAK,CAACC,KAAN,CAAYD,KAAK,CAACD,IAAlB,KAA2BC,KAAK,CAACD,IAAjC,IAAyCC,KAAK,CAACC,KAAN,CAAYC,EAA5D;AACD;;AAED,SAASC,oBAAT,CAA8BC,KAA9B,EAAqCC,WAArC,EAAkD;AAChD,MAAIA,WAAW,CAACC,MAAZ,KAAuB,CAA3B,EAA8B;AAC5B,WAAOD,WAAP;AACD;;AAED,MAAME,QAAQ,GAAG,cAAcF,WAAW,CAAC,CAAD,CAAzB,GAA+B,UAA/B,GAA4C,UAA7D;AACA,MAAMG,MAAM,GAAG,iCAAIH,WAAJ,EAAiBI,IAAjB,CACb,UAACC,CAAD,EAAIC,CAAJ;AAAA,WACEZ,IAAI,CAAC;AAAEA,MAAAA,IAAI,EAAEY,CAAC,CAACJ,QAAD,CAAT;AAAqBN,MAAAA,KAAK,EAAEG,KAAK,CAACC;AAAlC,KAAD,CAAJ,GACAN,IAAI,CAAC;AAAEA,MAAAA,IAAI,EAAEW,CAAC,CAACH,QAAD,CAAT;AAAqBN,MAAAA,KAAK,EAAEG,KAAK,CAACC;AAAlC,KAAD,CAFN;AAAA,GADa,CAAf;AAMA,SAAOE,QAAQ,KAAK,UAAb,GAA0BC,MAAM,CAACI,OAAP,EAA1B,GAA6CJ,MAApD;AACD;;AAED,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACb,KAAD;AAAA,SACb,sBAAW,UAACI,KAAD,EAAW;AACpB,QAAQC,WAAR,GAAuCL,KAAvC,CAAQK,WAAR;AAAA,QAAqBS,OAArB,GAAuCd,KAAvC,CAAqBc,OAArB;AAAA,QAA8BC,IAA9B,GAAuCf,KAAvC,CAA8Be,IAA9B;AACA,QAAIC,eAAe,GAAG,IAAtB;;AACA,QAAIX,WAAJ,EAAiB;AACfW,MAAAA,eAAe,GAAGb,oBAAoB,CAACC,KAAD,EAAQC,WAAR,CAApB,CAAyCY,MAAzC,CAAgD,UAACC,GAAD,EAAMC,UAAN,EAAqB;AACrF,YAAMZ,QAAQ,GAAG,cAAcY,UAAd,GAA2B,WAA3B,GAAyC,WAA1D;AACA,YAAMC,cAAc,GAAGrB,IAAI,CAAC;AAC1BA,UAAAA,IAAI,EAAEQ,QAAQ,KAAK,WAAb,GAA2BY,UAAU,CAACE,QAAtC,GAAiDF,UAAU,CAACG,QADxC;AAE1BrB,UAAAA,KAAK,EAAEG,KAAK,CAACC;AAFa,SAAD,CAA3B;AAKAa,QAAAA,GAAG,mBAAYX,QAAZ,eAAyBa,cAAc,IAAIb,QAAQ,KAAK,WAAb,GAA2B,CAA3B,GAA+B,CAAnC,CAAvC,SAAH,GAAwF;AACtFgB,UAAAA,mBAAmB,mBAAYJ,UAAU,CAACJ,IAAvB,sBADmE;AAEtFS,UAAAA,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;AAFiF,SAAxF;AAKA,eAAOI,GAAP;AACD,OAbiB,EAaf,EAbe,CAAlB;AAcD;;AAED,WAAO;AACLQ,MAAAA,SAAS;AACPC,QAAAA,SAAS,EAAE,YADJ;AAEPC,QAAAA,OAAO,EAAE,MAFF;AAGPL,QAAAA,mBAAmB,mBAAYR,IAAZ,sBAHZ;AAIPS,QAAAA,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;AAJE,SAKJE,eALI;AADJ,KAAP;AASD,GA7BD,CADa;AAAA,CAAf;;eAgCeH,M","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Stack/Stack.d.ts

@@ -0,0 +1,46 @@
+import { StandardProps, DividerProps } from "@material-ui/core";
+import React from "react";
+import { HvThemeSpacing } from "../theme";
+
+export type HvStackClassKey = "root";
+
+export type StackDirection = {
+  xs: string;
+  sm: string;
+  md: string;
+  lg: string;
+  xl: string;
+};
+
+export interface HvStackProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvStackClassKey> {
+  /**
+   * Children of the stack component.
+   */
+  children: React.ReactNode;
+  /**
+   * The direction of the stack.
+   * Can be either a string or an object that states the direction for each breakpoint.
+   */
+  direction?: string | StackDirection;
+  /**
+   * Indicates that the form element is disabled.
+   */
+  spacing?: HvThemeSpacing;
+  /**
+   * The divider component to be used between the stack elements.
+   * - If `true` the Material-UI Divider component will be used.
+   * - If a React node is passed then the custom divider will be used.
+   */
+  divider?: boolean | React.ReactNode;
+  /**
+   * The properties to pass on to the Material-UI component.
+   */
+  dividerProps: DividerProps;
+  /**
+   * Sets whether or not there should be arrow navigation between the stack elements
+   */
+  withNavigation: boolean;
+}
+
+export default function HvStack(props: HvStackProps): JSX.Element | null;

package/dist/Stack/Stack.js

@@ -0,0 +1,195 @@
+"use strict";
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.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;
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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 _isString = _interopRequireDefault(require("lodash/isString"));
+
+var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _useWidth = _interopRequireDefault(require("../utils/useWidth"));
+
+var _Focus = _interopRequireDefault(require("../Focus"));
+
+var _excluded = ["classes", "children", "direction", "spacing", "divider", "withNavigation", "dividerProps"];
+
+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; }
+
+/**
+ * @returns {string} - Returns a direction for the stack: column or row. If the
+ *                     `direction` property is a string and a valid direction then we
+ *                     use it. If it's an object with multiple directions by breakpoint
+ *                     we use the appropriate one or search for the nearest breakpoint
+ *                     smaller than the current one to use.
+ */
+var getDirection = function getDirection(direction, width, breakpoints) {
+  if ((0, _isString.default)(direction)) return direction;
+
+  for (var i = breakpoints.indexOf(width); i >= 0; i -= 1) {
+    if (direction[breakpoints[i]] !== undefined) {
+      return direction[breakpoints[i]];
+    }
+  }
+
+  return "column";
+};
+/**
+ * A Stack component allows the organization of its children in a vertical or horizontal layout.
+ *
+ * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.
+ */
+
+
+var HvStack = function HvStack(props) {
+  var classes = props.classes,
+      children = props.children,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? "column" : _props$direction,
+      _props$spacing = props.spacing,
+      spacing = _props$spacing === void 0 ? "sm" : _props$spacing,
+      _props$divider = props.divider,
+      divider = _props$divider === void 0 ? false : _props$divider,
+      _props$withNavigation = props.withNavigation,
+      withNavigation = _props$withNavigation === void 0 ? false : _props$withNavigation,
+      _props$dividerProps = props.dividerProps,
+      dividerProps = _props$dividerProps === void 0 ? {} : _props$dividerProps,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var width = (0, _useWidth.default)();
+  var theme = (0, _core.useTheme)();
+  var containerRef = (0, _react.useRef)(null);
+  var breakpoints = (0, _react.useMemo)(function () {
+    return (0, _toConsumableArray2.default)(theme.breakpoints.keys);
+  }, [theme]);
+  var processedDirection = (0, _react.useMemo)(function () {
+    return getDirection(direction, width, breakpoints);
+  }, [direction, width, breakpoints]);
+  /**
+   * @returns {node} - The divider component to use. If the property `divider` is
+   *                   set to `true` then the Material-UI divider is used, otherwise
+   *                   we use the custom divider the user passed.
+   */
+
+  var getDividerComponent = (0, _react.useCallback)(function () {
+    if ((0, _isBoolean.default)(divider) && divider) {
+      return /*#__PURE__*/_react.default.createElement(_core.Divider, (0, _extends2.default)({
+        orientation: processedDirection === "column" ? "horizontal" : "vertical",
+        flexItem: processedDirection === "row",
+        role: "separator"
+      }, dividerProps));
+    }
+
+    return divider;
+  }, [divider, dividerProps, processedDirection]);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: containerRef,
+    className: (0, _clsx.default)(classes.root, classes[processedDirection], classes[spacing])
+  }, others), _react.default.Children.map(children, function (child, i) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, divider && i !== 0 && getDividerComponent(divider, processedDirection), withNavigation ? /*#__PURE__*/_react.default.createElement(_Focus.default, {
+      rootRef: containerRef,
+      focusDisabled: false,
+      strategy: "grid",
+      navigationJump: processedDirection === "column" ? 1 : children.length,
+      filterClass: "child"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "child"
+    }, child)) : child);
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? HvStack.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the radio button.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Children of the stack component.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * The direction of the stack.
+   * Can be either a string or an object that states the direction for each breakpoint.
+   */
+  direction: _propTypes.default.oneOfType([_propTypes.default.oneOf(["column", "row"]), _propTypes.default.shape({
+    xs: _propTypes.default.string,
+    sm: _propTypes.default.string,
+    md: _propTypes.default.string,
+    lg: _propTypes.default.string,
+    xl: _propTypes.default.string
+  })]),
+
+  /**
+   * The spacing between elements of the stack.
+   */
+  spacing: _propTypes.default.oneOf(["xs", "sm", "md", "lg", "xl"]),
+
+  /**
+   * The divider component to be used between the stack elements.
+   *
+   * - If `true` the Material-UI Divider component will be used.
+   *
+   * - If a React node is passed then the custom divider will be used.
+   */
+  divider: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
+
+  /**
+   * The properties to pass on to the Material-UI component.
+   */
+  dividerProps: _propTypes.default.object,
+
+  /**
+   * Sets whether or not there should be arrow navigation between the stack elements
+   */
+  withNavigation: _propTypes.default.bool
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvStack"
+})(HvStack);
+
+exports.default = _default;
+//# sourceMappingURL=Stack.js.map

package/dist/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Stack/Stack.js"],"names":["getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","props","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","styles","name"],"mappings":"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","sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = (props) => {\n  const {\n    classes,\n    children,\n    direction = \"column\",\n    spacing = \"sm\",\n    divider = false,\n    withNavigation = false,\n    dividerProps = {},\n    ...others\n  } = props;\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"file":"Stack.js"}

package/dist/Stack/index.d.ts

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

package/dist/Stack/index.js

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

package/dist/Stack/index.js.map

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

package/dist/Stack/styles.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex"
+    },
+    column: {
+      flexDirection: "column"
+    },
+    row: {
+      flexDirection: "row"
+    },
+    xs: {
+      gap: theme.hvSpacing("xs")
+    },
+    sm: {
+      gap: theme.hvSpacing("sm")
+    },
+    md: {
+      gap: theme.hvSpacing("md")
+    },
+    lg: {
+      gap: theme.hvSpacing("lg")
+    },
+    xl: {
+      gap: theme.hvSpacing("xl")
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map