@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Snackbar/Snackbar.js

@@ -0,0 +1,236 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["classes", "className", "id", "open", "onClose", "label", "anchorOrigin", "autoHideDuration", "variant", "showIcon", "customIcon", "action", "actionCallback", "transitionDuration", "transitionDirection", "offset", "snackbarContentProps"];
+import React from "react";
+import PropTypes, { oneOfType } from "prop-types";
+import capitalize from "lodash/capitalize";
+import { Slide, Snackbar, withStyles } from "@material-ui/core";
+import HvSnackBarContentWrapper from "./SnackbarContentWrapper";
+import styles from "./styles";
+import { setId } from "../utils";
+
+const transLeft = props => /*#__PURE__*/React.createElement(Slide, _extends({}, props, {
+  direction: "left"
+}));
+
+const transRight = props => /*#__PURE__*/React.createElement(Slide, _extends({}, props, {
+  direction: "right"
+}));
+
+const transUp = props => /*#__PURE__*/React.createElement(Slide, _extends({}, props, {
+  direction: "up"
+}));
+
+const transDown = props => /*#__PURE__*/React.createElement(Slide, _extends({}, props, {
+  direction: "down"
+}));
+
+const snackBarDirComponent = direction => {
+  switch (direction) {
+    default:
+    case "left":
+      return transLeft;
+
+    case "right":
+      return transRight;
+
+    case "up":
+      return transUp;
+
+    case "down":
+      return transDown;
+  }
+};
+/**
+ * A Snackbar provides brief messages about app processes.
+ * It is dismissed automatically after a given interval.
+ *
+ * Snackbar can be built with two different components.
+ * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.
+ * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.
+ */
+
+
+const HvSnackbar = _ref => {
+  let {
+    classes,
+    className,
+    id,
+    open = false,
+    onClose,
+    label = "",
+    anchorOrigin = {
+      vertical: "top",
+      horizontal: "right"
+    },
+    autoHideDuration = 5000,
+    variant = "default",
+    showIcon = false,
+    customIcon = null,
+    action = null,
+    actionCallback,
+    transitionDuration = 300,
+    transitionDirection = "left",
+    offset = 60,
+    snackbarContentProps
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const anchorOriginOffset = {
+    anchorOriginTop: {
+      top: `${offset}px`
+    },
+    anchorOriginBottom: {
+      bottom: `${offset}px`
+    }
+  };
+  return /*#__PURE__*/React.createElement(Snackbar, _extends({
+    style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`],
+    classes: classes,
+    className: className,
+    id: id,
+    anchorOrigin: anchorOrigin,
+    open: open,
+    onClose: onClose,
+    autoHideDuration: autoHideDuration,
+    transitionDuration: transitionDuration,
+    TransitionComponent: snackBarDirComponent(transitionDirection)
+  }, others), /*#__PURE__*/React.createElement(HvSnackBarContentWrapper, _extends({
+    id: setId(id, "content"),
+    label: label,
+    variant: variant,
+    customIcon: customIcon,
+    showIcon: showIcon,
+    action: action,
+    actionCallback: actionCallback
+  }, snackbarContentProps)));
+};
+
+HvSnackbar.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component when define as top right.
+     */
+    anchorOriginTopRight: PropTypes.string,
+
+    /**
+     * Styles applied to the component when define as top left.
+     */
+    anchorOriginTopLeft: PropTypes.string,
+
+    /**
+     * Styles applied to the component when define as top center.
+     */
+    anchorOriginTopCenter: PropTypes.string,
+
+    /**
+     * Styles applied to the component when define as bottom center.
+     */
+    anchorOriginBottomCenter: PropTypes.string,
+
+    /**
+     * Styles applied to the component when define as bottom left.
+     */
+    anchorOriginBottomLeft: PropTypes.string,
+
+    /**
+     * Styles applied to the component when define as bottom right.
+     */
+    anchorOriginBottomRight: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  If true, Snackbar is open.
+   */
+  open: PropTypes.bool,
+
+  /**
+   * Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway.
+   */
+  onClose: PropTypes.func,
+
+  /**
+   * The message to display.
+   */
+  label: PropTypes.node,
+
+  /**
+   *  The anchor of the Snackbar. vertical: "top", "bottom" | horizontal: "left","center","right. It defines where the snackbar will end his animation
+   */
+  anchorOrigin: PropTypes.shape({
+    vertical: PropTypes.string,
+    horizontal: PropTypes.string
+  }),
+
+  /**
+   * The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar
+   */
+  autoHideDuration: PropTypes.number,
+
+  /**
+   * Variant of the snackbar.
+   */
+  variant: PropTypes.oneOf(["default", "success", "error"]),
+
+  /**
+   * Custom icon to replace the variant default.
+   */
+  customIcon: PropTypes.node,
+
+  /**
+   * Controls if the associated icon to the variant should be shown.
+   */
+  showIcon: PropTypes.bool,
+
+  /**
+   * Action to display.
+   */
+  action: oneOfType([PropTypes.node, PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    icon: PropTypes.func,
+    disabled: PropTypes.bool
+  })]),
+
+  /**
+   *  The callback function ran when an action is triggered, receiving `action` as param
+   */
+  actionCallback: PropTypes.func,
+
+  /**
+   * Duration of transition in milliseconds.
+   */
+  transitionDuration: PropTypes.number,
+
+  /**
+   * Direction of slide transition.
+   */
+  transitionDirection: PropTypes.oneOf(["up", "down", "left", "right"]),
+
+  /**
+   * Custom offset from top/bottom of the page, in px.
+   */
+  offset: PropTypes.number,
+
+  /**
+   * Others applied to the content of the snackbar.
+   */
+  snackbarContentProps: PropTypes.instanceOf(Object)
+};
+export default withStyles(styles, {
+  name: "HvSnackbar"
+})(HvSnackbar);
+//# sourceMappingURL=Snackbar.js.map

package/dist/modern/Snackbar/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Snackbar/Snackbar.js"],"names":["React","PropTypes","oneOfType","capitalize","Slide","Snackbar","withStyles","HvSnackBarContentWrapper","styles","setId","transLeft","props","transRight","transUp","transDown","snackBarDirComponent","direction","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","propTypes","string","shape","anchorOriginTopRight","anchorOriginTopLeft","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","isRequired","bool","func","node","number","oneOf","icon","disabled","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport capitalize from \"lodash/capitalize\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    default:\n    case \"left\":\n      return transLeft;\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nconst HvSnackbar = ({\n  classes,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <Snackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]}\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackBarContentWrapper\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </Snackbar>\n  );\n};\n\nHvSnackbar.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   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component when define as top right.\n     */\n    anchorOriginTopRight: PropTypes.string,\n    /**\n     * Styles applied to the component when define as top left.\n     */\n    anchorOriginTopLeft: PropTypes.string,\n    /**\n     * Styles applied to the component when define as top center.\n     */\n    anchorOriginTopCenter: PropTypes.string,\n    /**\n     * Styles applied to the component when define as bottom center.\n     */\n    anchorOriginBottomCenter: PropTypes.string,\n    /**\n     * Styles applied to the component when define as bottom left.\n     */\n    anchorOriginBottomLeft: PropTypes.string,\n    /**\n     * Styles applied to the component when define as bottom right.\n     */\n    anchorOriginBottomRight: PropTypes.string,\n  }).isRequired,\n  /**\n   *  If true, Snackbar is open.\n   */\n  open: PropTypes.bool,\n  /**\n   * Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway.\n   */\n  onClose: PropTypes.func,\n  /**\n   * The message to display.\n   */\n  label: PropTypes.node,\n  /**\n   *  The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation\n   */\n  anchorOrigin: PropTypes.shape({\n    vertical: PropTypes.string,\n    horizontal: PropTypes.string,\n  }),\n  /**\n   * The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar\n   */\n  autoHideDuration: PropTypes.number,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Action to display.\n   */\n  action: oneOfType([\n    PropTypes.node,\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: 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  actionCallback: PropTypes.func,\n  /**\n   * Duration of transition in milliseconds.\n   */\n  transitionDuration: PropTypes.number,\n  /**\n   * Direction of slide transition.\n   */\n  transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n  /**\n   * Custom offset from top/bottom of the page, in px.\n   */\n  offset: PropTypes.number,\n  /**\n   * Others applied to the content of the snackbar.\n   */\n  snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSnackbar\" })(HvSnackbar);\n"],"file":"Snackbar.js"}

package/dist/modern/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.d.ts

@@ -0,0 +1,43 @@
+import { StandardProps, SnackbarContentProps } from "@material-ui/core";
+import { ActionGeneric } from "../../ActionsGeneric";
+import { SemanticVariantTypes } from "../../Banner";
+
+export type HvSnackbarContentClassKey =
+  | "root"
+  | "success"
+  | "error"
+  | "default"
+  | "message"
+  | "messageSpan"
+  | "messageText"
+  | "action";
+
+export interface HvSnackbarContentProps
+  extends StandardProps<SnackbarContentProps, HvSnackbarContentClassKey, "action" | "variant"> {
+  /**
+   * The message to display.
+   */
+  label?: React.ReactNode;
+  /**
+   * Variant of the snackbar.
+   */
+  variant?: SemanticVariantTypes;
+  /**
+   * Custom icon to replace the variant default.
+   */
+  customIcon?: React.ReactNode;
+  /**
+   * Controls if the associated icon to the variant should be shown.
+   */
+  showIcon?: boolean;
+  /**
+   * Action to display.
+   */
+  action?: React.ReactNode | ActionGeneric;
+  /**
+   * The callback function ran when an action is triggered, receiving `action` as param
+   */
+  actionCallback?: (id: string, action: ActionGeneric) => void;
+}
+
+export default function HvSnackbarContent(props: HvSnackbarContentProps): JSX.Element | null;

package/dist/modern/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js

@@ -0,0 +1,101 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "label", "showIcon", "customIcon", "variant", "action", "actionCallback"];
+import React from "react";
+import PropTypes, { oneOfType } from "prop-types";
+import { SnackbarContent, withStyles } from "@material-ui/core";
+import iconVariant from "../../utils/iconVariant";
+import { setId } from "../../utils";
+import ActionsGeneric from "../../ActionsGeneric";
+import styles from "./styles";
+const HvSnackbarContentWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    id,
+    classes,
+    label,
+    showIcon,
+    customIcon,
+    variant,
+    action,
+    actionCallback
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const icon = customIcon || showIcon && iconVariant(variant, "base2");
+  const innerAction = /*#__PURE__*/React.isValidElement(action) ? action : [action];
+  return /*#__PURE__*/React.createElement(SnackbarContent, _extends({
+    ref: ref,
+    id: id,
+    classes: {
+      root: classes.root,
+      message: classes.message
+    },
+    className: classes[variant],
+    message: /*#__PURE__*/React.createElement("div", {
+      id: setId(id, "message"),
+      className: classes.messageSpan
+    }, icon && /*#__PURE__*/React.createElement("div", {
+      className: classes.iconVariant
+    }, icon), /*#__PURE__*/React.createElement("div", {
+      className: classes.messageText
+    }, label), action && /*#__PURE__*/React.createElement("div", {
+      id: setId(id, "action"),
+      className: classes.action
+    }, /*#__PURE__*/React.createElement(ActionsGeneric, {
+      id: id,
+      category: "semantic",
+      actions: innerAction,
+      actionsCallback: actionCallback
+    })))
+  }, others));
+});
+HvSnackbarContentWrapper.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the HvSnackbarContent.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The message to display.
+   */
+  label: PropTypes.node,
+
+  /**
+   * Variant of the snackbar.
+   */
+  variant: PropTypes.oneOf(["default", "success", "error"]).isRequired,
+
+  /**
+   * Controls if the associated icon to the variant should be shown.
+   */
+  showIcon: PropTypes.bool,
+
+  /**
+   * Custom icon to replace the variant default.
+   */
+  customIcon: PropTypes.node,
+
+  /**
+   * Action to display.
+   */
+  action: oneOfType([PropTypes.node, PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    icon: PropTypes.func,
+    disabled: PropTypes.bool
+  })]),
+
+  /**
+   *  The callback function ran when an action is triggered, receiving `action` as param
+   */
+  actionCallback: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvSnackbarContentWrapper"
+})(HvSnackbarContentWrapper);
+//# sourceMappingURL=SnackbarContentWrapper.js.map

package/dist/modern/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js"],"names":["React","PropTypes","oneOfType","SnackbarContent","withStyles","iconVariant","setId","ActionsGeneric","styles","HvSnackbarContentWrapper","forwardRef","props","ref","id","classes","label","showIcon","customIcon","variant","action","actionCallback","others","icon","innerAction","isValidElement","root","message","messageSpan","messageText","propTypes","instanceOf","Object","isRequired","string","node","oneOf","bool","shape","func","disabled","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport { setId } from \"../../utils\";\nimport ActionsGeneric from \"../../ActionsGeneric\";\nimport styles from \"./styles\";\n\nconst HvSnackbarContentWrapper = React.forwardRef((props, ref) => {\n  const { id, classes, label, showIcon, customIcon, variant, action, actionCallback, ...others } =\n    props;\n  const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n  const innerAction = React.isValidElement(action) ? action : [action];\n\n  return (\n    <SnackbarContent\n      ref={ref}\n      id={id}\n      classes={{ root: classes.root, message: classes.message }}\n      className={classes[variant]}\n      message={\n        <div id={setId(id, \"message\")} className={classes.messageSpan}>\n          {icon && <div className={classes.iconVariant}>{icon}</div>}\n          <div className={classes.messageText}>{label}</div>\n          {action && (\n            <div id={setId(id, \"action\")} className={classes.action}>\n              <ActionsGeneric\n                id={id}\n                category=\"semantic\"\n                actions={innerAction}\n                actionsCallback={actionCallback}\n              />\n            </div>\n          )}\n        </div>\n      }\n      {...others}\n    />\n  );\n});\n\nHvSnackbarContentWrapper.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the HvSnackbarContent.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The message to display.\n   */\n  label: PropTypes.node,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]).isRequired,\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Action to display.\n   */\n  action: oneOfType([\n    PropTypes.node,\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: 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  actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvSnackbarContentWrapper\" })(HvSnackbarContentWrapper);\n"],"file":"SnackbarContentWrapper.js"}

package/dist/modern/Snackbar/SnackbarContentWrapper/index.d.ts

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

package/dist/modern/Snackbar/SnackbarContentWrapper/index.js

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

package/dist/modern/Snackbar/SnackbarContentWrapper/index.js.map

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

package/dist/modern/Snackbar/SnackbarContentWrapper/styles.js

@@ -0,0 +1,44 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { _defineProperty(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; }
+
+const styles = theme => ({
+  root: {
+    width: "310px",
+    minHeight: "52px",
+    maxHeight: "92px",
+    padding: theme.hvSpacing("xs")
+  },
+  success: {
+    backgroundColor: theme.hv.palette.semantic.sema8
+  },
+  error: {
+    backgroundColor: theme.hv.palette.semantic.sema9
+  },
+  default: {
+    backgroundColor: theme.hv.palette.semantic.sema7
+  },
+  message: {
+    padding: 0,
+    width: "100%"
+  },
+  messageSpan: {
+    display: "flex",
+    alignItems: "center",
+    minHeight: "32px"
+  },
+  messageText: _objectSpread(_objectSpread({}, theme.hv.typography.normalText), {}, {
+    padding: theme.hvSpacing(0, "xs"),
+    color: theme.hv.palette.base.base2,
+    fontFamily: theme.hv.typography.fontFamily,
+    maxHeight: "72px"
+  }),
+  action: {
+    textAlign: "right"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Snackbar/SnackbarContentWrapper/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","action","textAlign"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,OADH;AAEJC,IAAAA,SAAS,EAAE,MAFP;AAGJC,IAAAA,SAAS,EAAE,MAHP;AAIJC,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,GADmB;AAOzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,GAPgB;AAUzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,GAVkB;AAazBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,GAbgB;AAgBzBC,EAAAA,OAAO,EAAE;AACPZ,IAAAA,OAAO,EAAE,CADF;AAEPH,IAAAA,KAAK,EAAE;AAFA,GAhBgB;AAoBzBgB,EAAAA,WAAW,EAAE;AACXC,IAAAA,OAAO,EAAE,MADE;AAEXC,IAAAA,UAAU,EAAE,QAFD;AAGXjB,IAAAA,SAAS,EAAE;AAHA,GApBY;AAyBzBkB,EAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,IAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,IAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,IAAAA,SAAS,EAAE;AALF,IAzBc;AAgCzBwB,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AADL;AAhCiB,CAAZ,CAAf;;AAqCA,eAAe9B,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.hvSpacing(\"xs\"),\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  message: {\n    padding: 0,\n    width: \"100%\",\n  },\n  messageSpan: {\n    display: \"flex\",\n    alignItems: \"center\",\n    minHeight: \"32px\",\n  },\n  messageText: {\n    ...theme.hv.typography.normalText,\n    padding: theme.hvSpacing(0, \"xs\"),\n    color: theme.hv.palette.base.base2,\n    fontFamily: theme.hv.typography.fontFamily,\n    maxHeight: \"72px\",\n  },\n  action: {\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

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

package/dist/modern/Snackbar/index.js

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

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

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

package/dist/modern/Snackbar/styles.js

@@ -0,0 +1,27 @@
+const styles = theme => ({
+  anchorOriginTopRight: {
+    top: theme.hv.spacing.xs,
+    right: theme.hv.spacing.xs
+  },
+  anchorOriginTopLeft: {
+    top: theme.hv.spacing.xs,
+    left: theme.hv.spacing.xs
+  },
+  anchorOriginTopCenter: {
+    top: theme.hv.spacing.xs
+  },
+  anchorOriginBottomCenter: {
+    bottom: theme.hv.spacing.xs
+  },
+  anchorOriginBottomLeft: {
+    bottom: theme.hv.spacing.xs,
+    left: theme.hv.spacing.xs
+  },
+  anchorOriginBottomRight: {
+    bottom: theme.hv.spacing.xs,
+    right: theme.hv.spacing.xs
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Snackbar/styles.js"],"names":["styles","theme","anchorOriginTopRight","top","hv","spacing","xs","right","anchorOriginTopLeft","left","anchorOriginTopCenter","anchorOriginBottomCenter","bottom","anchorOriginBottomLeft","anchorOriginBottomRight"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,oBAAoB,EAAE;AACpBC,IAAAA,GAAG,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADF;AAEpBC,IAAAA,KAAK,EAAEN,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AAFJ,GADG;AAKzBE,EAAAA,mBAAmB,EAAE;AACnBL,IAAAA,GAAG,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADH;AAEnBG,IAAAA,IAAI,EAAER,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AAFJ,GALI;AASzBI,EAAAA,qBAAqB,EAAE;AACrBP,IAAAA,GAAG,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AADD,GATE;AAYzBK,EAAAA,wBAAwB,EAAE;AACxBC,IAAAA,MAAM,EAAEX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AADD,GAZD;AAezBO,EAAAA,sBAAsB,EAAE;AACtBD,IAAAA,MAAM,EAAEX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADH;AAEtBG,IAAAA,IAAI,EAAER,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AAFD,GAfC;AAmBzBQ,EAAAA,uBAAuB,EAAE;AACvBF,IAAAA,MAAM,EAAEX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADF;AAEvBC,IAAAA,KAAK,EAAEN,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AAFD;AAnBA,CAAZ,CAAf;;AAyBA,eAAeN,MAAf","sourcesContent":["const styles = (theme) => ({\n  anchorOriginTopRight: {\n    top: theme.hv.spacing.xs,\n    right: theme.hv.spacing.xs,\n  },\n  anchorOriginTopLeft: {\n    top: theme.hv.spacing.xs,\n    left: theme.hv.spacing.xs,\n  },\n  anchorOriginTopCenter: {\n    top: theme.hv.spacing.xs,\n  },\n  anchorOriginBottomCenter: {\n    bottom: theme.hv.spacing.xs,\n  },\n  anchorOriginBottomLeft: {\n    bottom: theme.hv.spacing.xs,\n    left: theme.hv.spacing.xs,\n  },\n  anchorOriginBottomRight: {\n    bottom: theme.hv.spacing.xs,\n    right: theme.hv.spacing.xs,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Switch/Switch.d.ts

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvLabelProps } from "../Forms/Label";
+import { HvFormStatus } from "../Forms/FormElement";
+import { HvBaseSwitchProps } from "../BaseSwitch";
+
+export type HvSwitchClassKey = "root" | "label" | "error" | "switchContainer" | "invalidSwitch";
+
+export interface HvSwitchProps
+  extends StandardProps<HvBaseSwitchProps, HvSwitchClassKey, "onChange"> {
+  /**
+   * Denotes selection state of switch component.
+   */
+  checked?: boolean;
+  /**
+   * Denotes if component is active or not.
+   */
+  disabled?: boolean;
+  /**
+   * The label of the form element.
+   *
+   * The form element must be labeled for accessibility reasons.
+   * If not provided, an aria-label or aria-labelledby must be provided.
+   */
+  label?: React.ReactNode;
+  /**
+   * Properties passed on to the label element.
+   */
+  labelProps?: HvLabelProps;
+  /**
+   * Value assigned to the Switch Component.
+   */
+  value?: string;
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange?: (event: Event, state: boolean, value?: string) => void;
+  /**
+   * The status of the form element.
+   *
+   * Valid is correct, invalid is incorrect and standBy means no validations have run.
+   *
+   * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+   * or "invalid" after any change to the state.
+   */
+  status?: HvFormStatus;
+  /**
+   * The error message to show when the validation status is "invalid".
+   *
+   * Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
+   */
+  statusMessage?: React.ReactNode;
+  /**
+   * Identifies the element that provides an error message for the switch.
+   *
+   * Will only be used when the validation status is invalid.
+   */
+  "aria-errormessage"?: string;
+}
+
+export default function HvSwitch(props: HvSwitchProps): JSX.Element | null;