@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","minHeight","maxHeight","padding","spacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","verticalAlign","messageText","typography","normalText","xs","color","base","base2","fontFamily","action","textAlign"],"sources":["../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.spacing(\"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  },\n  messageSpan: {\n    display: \"table\",\n    minHeight: \"32px\",\n    \"& > *\": {\n      display: \"table-cell\",\n      verticalAlign: \"middle\",\n    },\n  },\n  messageText: {\n    ...theme.hv.typography.normalText,\n    padding: `0 ${theme.hv.spacing.xs}px`,\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,OADH;MAEJC,SAAS,EAAE,MAFP;MAGJC,SAAS,EAAE,MAHP;MAIJC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,IAAd;IAJL,CADmB;IAOzBC,OAAO,EAAE;MACPC,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;IADpC,CAPgB;IAUzBC,KAAK,EAAE;MACLL,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;IADtC,CAVkB;IAazBC,OAAO,EAAE;MACPP,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;IADpC,CAbgB;IAgBzBC,OAAO,EAAE;MACPZ,OAAO,EAAE;IADF,CAhBgB;IAmBzBa,WAAW,EAAE;MACXC,OAAO,EAAE,OADE;MAEXhB,SAAS,EAAE,MAFA;MAGX,SAAS;QACPgB,OAAO,EAAE,YADF;QAEPC,aAAa,EAAE;MAFR;IAHE,CAnBY;IA2BzBC,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;MAETlB,OAAO,cAAOL,KAAK,CAACS,EAAN,CAASH,OAAT,CAAiBkB,EAAxB,OAFE;MAGTC,KAAK,EAAEzB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBgB,IAAjB,CAAsBC,KAHpB;MAITC,UAAU,EAAE5B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBM,UAJvB;MAKTxB,SAAS,EAAE;IALF,EA3Bc;IAkCzByB,MAAM,EAAE;MACNC,SAAS,EAAE;IADL;EAlCiB,CAAZ;AAAA,CAAf;;eAuCe/B,M"}

package/dist/Snackbar/index.d.ts

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

package/dist/Snackbar/index.js

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

package/dist/Snackbar/index.js.map

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

package/dist/Snackbar/styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    anchorOriginTopRight: {
+      top: "".concat(theme.hv.spacing.xs, "px"),
+      right: "".concat(theme.hv.spacing.xs, "px")
+    },
+    anchorOriginTopLeft: {
+      top: "".concat(theme.hv.spacing.xs, "px"),
+      left: "".concat(theme.hv.spacing.xs, "px")
+    },
+    anchorOriginTopCenter: {
+      top: "".concat(theme.hv.spacing.xs, "px")
+    },
+    anchorOriginBottomCenter: {
+      bottom: "".concat(theme.hv.spacing.xs, "px")
+    },
+    anchorOriginBottomLeft: {
+      bottom: "".concat(theme.hv.spacing.xs, "px"),
+      left: "".concat(theme.hv.spacing.xs, "px")
+    },
+    anchorOriginBottomRight: {
+      bottom: "".concat(theme.hv.spacing.xs, "px"),
+      right: "".concat(theme.hv.spacing.xs, "px")
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Snackbar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","anchorOriginTopRight","top","hv","spacing","xs","right","anchorOriginTopLeft","left","anchorOriginTopCenter","anchorOriginBottomCenter","bottom","anchorOriginBottomLeft","anchorOriginBottomRight"],"sources":["../../src/Snackbar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  anchorOriginTopRight: {\n    top: `${theme.hv.spacing.xs}px`,\n    right: `${theme.hv.spacing.xs}px`,\n  },\n  anchorOriginTopLeft: {\n    top: `${theme.hv.spacing.xs}px`,\n    left: `${theme.hv.spacing.xs}px`,\n  },\n  anchorOriginTopCenter: {\n    top: `${theme.hv.spacing.xs}px`,\n  },\n  anchorOriginBottomCenter: {\n    bottom: `${theme.hv.spacing.xs}px`,\n  },\n  anchorOriginBottomLeft: {\n    bottom: `${theme.hv.spacing.xs}px`,\n    left: `${theme.hv.spacing.xs}px`,\n  },\n  anchorOriginBottomRight: {\n    bottom: `${theme.hv.spacing.xs}px`,\n    right: `${theme.hv.spacing.xs}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,oBAAoB,EAAE;MACpBC,GAAG,YAAKF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OADiB;MAEpBC,KAAK,YAAKN,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IAFe,CADG;IAKzBE,mBAAmB,EAAE;MACnBL,GAAG,YAAKF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OADgB;MAEnBG,IAAI,YAAKR,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IAFe,CALI;IASzBI,qBAAqB,EAAE;MACrBP,GAAG,YAAKF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IADkB,CATE;IAYzBK,wBAAwB,EAAE;MACxBC,MAAM,YAAKX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IADkB,CAZD;IAezBO,sBAAsB,EAAE;MACtBD,MAAM,YAAKX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OADgB;MAEtBG,IAAI,YAAKR,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IAFkB,CAfC;IAmBzBQ,uBAAuB,EAAE;MACvBF,MAAM,YAAKX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OADiB;MAEvBC,KAAK,YAAKN,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IAFkB;EAnBA,CAAZ;AAAA,CAAf;;eAyBeN,M"}

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,60 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvSwitchLabelsProp {
+  /**
+   * Label placed at the left of the switch.
+   */
+  left: string;
+  /**
+   * Label placed at the right of the switch.
+   */
+  right: string;
+}
+
+export interface HvSwitchProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvSwitchClassKey, "onChange"> {
+  /**
+   * Denotes selection state of switch component.
+   */
+  checked?: boolean;
+  /**
+   * Denotes if component is active or not.
+   */
+  disabled?: boolean;
+  /**
+   * An Object containing the various text associated with the switch.
+   */
+  labels?: HvSwitchLabelsProp;
+  /**
+   * Value assigned to the Switch Component.
+   */
+  value?: string;
+  /**
+   * Determine if labels should be displayed alongside component
+   */
+  showLabels?: boolean;
+  /**
+   * Determine if custom icon in button should be displayed
+   * */
+  displayIconChecked?: boolean;
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange: (event: Event, state: boolean) => void;
+}
+
+export type HvSwitchClassKey =
+  | "root"
+  | "switch"
+  | "switchBase"
+  | "disabledLabel"
+  | "labelSelected"
+  | "labelDeselected"
+  | "checkedIcon"
+  | "checked"
+  | "track"
+  | "thumb"
+  | "disabled";
+
+export default function HvSwitch(props: HvSwitchProps): JSX.Element | null;

package/dist/Switch/Switch.js

@@ -0,0 +1,274 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+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 _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _utils = require("../utils");
+
+var _withLabels = _interopRequireDefault(require("../withLabels"));
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _Focus = _interopRequireDefault(require("../Focus"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "className", "classes", "checked", "disabled", "onChange", "labels", "showLabels", "value", "displayIconChecked"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var DEFAULT_LABELS = {
+  left: "Off",
+  right: "On"
+};
+/**
+ * A Switch is a mechanism that allows user toggle between 2 options.
+ */
+
+var HvSwitch = function HvSwitch(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      _props$checked = props.checked,
+      checked = _props$checked === void 0 ? true : _props$checked,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      onChange = props.onChange,
+      labels = props.labels,
+      _props$showLabels = props.showLabels,
+      showLabels = _props$showLabels === void 0 ? true : _props$showLabels,
+      _props$value = props.value,
+      value = _props$value === void 0 ? "" : _props$value,
+      _props$displayIconChe = props.displayIconChecked,
+      displayIconChecked = _props$displayIconChe === void 0 ? false : _props$displayIconChe,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState = (0, _react.useState)(checked),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      clickState = _useState2[0],
+      setClicked = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setClicked(checked);
+  }, [checked]);
+
+  var onClickHandler = function onClickHandler(event) {
+    var newState = !clickState;
+    setClicked(newState);
+    onChange === null || onChange === void 0 ? void 0 : onChange(event, newState);
+  };
+
+  var renderLabel = function renderLabel(position) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      id: !(0, _isNil.default)(id) ? (0, _utils.setId)(id, position, "button") : undefined
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      className: (0, _clsx.default)(classes["".concat(position, "Label")], disabled ? classes.disabledLabel : clickState ? classes.labelDeselected : classes.labelSelected),
+      onClick: disabled ? undefined : onClickHandler,
+      "aria-disabled": disabled
+    }, labels[position]));
+  };
+
+  var checkedIcon = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.CompletedStep, {
+    width: "14px",
+    height: "14px",
+    className: classes.checkedIcon
+  });
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.root, className)
+  }, showLabels && renderLabel("left"), /*#__PURE__*/_react.default.createElement(_Focus.default, {
+    strategy: "card",
+    useFalseFocus: true
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: classes.root,
+    onClick: disabled ? undefined : onClickHandler,
+    onKeyDown: disabled ? undefined : onClickHandler,
+    role: "checkbox",
+    tabIndex: "0",
+    "aria-checked": clickState,
+    "aria-disabled": disabled,
+    id: id
+  }, others), /*#__PURE__*/_react.default.createElement(_core.Switch, (0, _extends2.default)({
+    tabIndex: "-1",
+    checked: clickState,
+    disabled: disabled,
+    value: value,
+    inputProps: {
+      // dummy aria-label this component is not tabbable and it is just presentational.
+      // the accessibility test were always failing because of the missing aria label.
+      "aria-label": "base switch"
+    },
+    classes: {
+      root: classes.switch,
+      switchBase: classes.switchBase,
+      checked: classes.checked,
+      track: classes.track,
+      thumb: classes.thumb,
+      disabled: classes.disabled
+    }
+  }, displayIconChecked && {
+    checkedIcon: checkedIcon
+  })))), showLabels && renderLabel("right"));
+};
+
+process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the Switch Component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the internal Switch component's root class.
+     */
+    switch: _propTypes.default.string,
+
+    /**
+     * Styles applied to the internal SwitchBase component's root class.
+     */
+    switchBase: _propTypes.default.string,
+
+    /**
+     * Styles applied to the labels when they are disabled.
+     */
+    disabledLabel: _propTypes.default.string,
+
+    /**
+     * Styles applied to the labels when they are selected.
+     */
+    labelSelected: _propTypes.default.string,
+
+    /**
+     * Styles applied to the labels when they are disabled.
+     */
+    labelDeselected: _propTypes.default.string,
+
+    /**
+     * Styles applied to the checked icon.
+     */
+    checkedIcon: _propTypes.default.string,
+
+    /**
+     * Pseudo-class applied to the internal SwitchBase component's checked class.
+     */
+    checked: _propTypes.default.string,
+
+    /**
+     * Styles applied to the track element.
+     */
+    track: _propTypes.default.string,
+
+    /**
+     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.
+     */
+    thumb: _propTypes.default.string,
+
+    /**
+     * Styles applied to the internal SwitchBase component's disabled class.
+     */
+    disabled: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Denotes selection state of switch component.
+   */
+  checked: _propTypes.default.bool,
+
+  /**
+   * Denotes if component is active or not.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * An Object containing the various text associated with the switch.
+   */
+  labels: _propTypes.default.shape({
+    /**
+     * Label placed at the left of the switch.
+     */
+    left: _propTypes.default.string,
+
+    /**
+     * Label placed at the right of the switch.
+     */
+    right: _propTypes.default.string
+  }),
+
+  /**
+   * The ID associated with the switch component.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Value assigned to the Switch Component.
+   */
+  value: _propTypes.default.string,
+
+  /**
+   * Determine if labels should be displayed alongside component
+   */
+  showLabels: _propTypes.default.bool,
+
+  /**
+   * Determine if custom icon in button should be displayed
+   * */
+  displayIconChecked: _propTypes.default.bool
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvSwitch"
+})((0, _withLabels.default)(DEFAULT_LABELS)(HvSwitch));
+
+exports.default = _default;
+//# sourceMappingURL=Switch.js.map

package/dist/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["DEFAULT_LABELS","left","right","HvSwitch","props","id","className","classes","checked","disabled","onChange","labels","showLabels","value","displayIconChecked","others","useState","clickState","setClicked","useEffect","onClickHandler","event","newState","renderLabel","position","isNil","setId","undefined","clsx","disabledLabel","labelDeselected","labelSelected","checkedIcon","root","switch","switchBase","track","thumb","propTypes","PropTypes","string","shape","isRequired","bool","func","withStyles","styles","name","withLabels"],"sources":["../../src/Switch/Switch.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { Switch, withStyles } from \"@material-ui/core\";\nimport { CompletedStep as CheckMark } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"../utils\";\nimport withLabels from \"../withLabels\";\nimport HvTypography from \"../Typography\";\nimport Focus from \"../Focus\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  left: \"Off\",\n  right: \"On\",\n};\n\n/**\n * A Switch is a mechanism that allows user toggle between 2 options.\n */\nconst HvSwitch = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    checked = true,\n    disabled = false,\n    onChange,\n    labels,\n    showLabels = true,\n    value = \"\",\n    displayIconChecked = false,\n    ...others\n  } = props;\n\n  const [clickState, setClicked] = useState(checked);\n\n  useEffect(() => {\n    setClicked(checked);\n  }, [checked]);\n\n  const onClickHandler = (event) => {\n    const newState = !clickState;\n    setClicked(newState);\n    onChange?.(event, newState);\n  };\n\n  const renderLabel = (position) => (\n    <div id={!isNil(id) ? setId(id, position, \"button\") : undefined}>\n      <HvTypography\n        className={clsx(classes[`${position}Label`], {\n          [classes.disabledLabel]: disabled,\n          [classes.labelSelected]: !disabled && !clickState,\n          [classes.labelDeselected]: !disabled && clickState,\n        })}\n        onClick={disabled ? undefined : onClickHandler}\n        aria-disabled={disabled}\n      >\n        {labels[position]}\n      </HvTypography>\n    </div>\n  );\n\n  const checkedIcon = <CheckMark width=\"14px\" height=\"14px\" className={classes.checkedIcon} />;\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {showLabels && renderLabel(\"left\")}\n      <Focus strategy=\"card\" useFalseFocus>\n        <div\n          className={classes.root}\n          onClick={disabled ? undefined : onClickHandler}\n          onKeyDown={disabled ? undefined : onClickHandler}\n          role=\"checkbox\"\n          tabIndex=\"0\"\n          aria-checked={clickState}\n          aria-disabled={disabled}\n          id={id}\n          {...others}\n        >\n          <Switch\n            tabIndex=\"-1\"\n            checked={clickState}\n            disabled={disabled}\n            value={value}\n            inputProps={{\n              // dummy aria-label this component is not tabbable and it is just presentational.\n              // the accessibility test were always failing because of the missing aria label.\n              \"aria-label\": \"base switch\",\n            }}\n            classes={{\n              root: classes.switch,\n              switchBase: classes.switchBase,\n              checked: classes.checked,\n              track: classes.track,\n              thumb: classes.thumb,\n              disabled: classes.disabled,\n            }}\n            {...(displayIconChecked && { checkedIcon })}\n          />\n        </div>\n      </Focus>\n      {showLabels && renderLabel(\"right\")}\n    </div>\n  );\n};\n\nHvSwitch.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the internal Switch component's root class.\n     */\n    switch: PropTypes.string,\n    /**\n     * Styles applied to the internal SwitchBase component's root class.\n     */\n    switchBase: PropTypes.string,\n    /**\n     * Styles applied to the labels when they are disabled.\n     */\n    disabledLabel: PropTypes.string,\n    /**\n     * Styles applied to the labels when they are selected.\n     */\n    labelSelected: PropTypes.string,\n    /**\n     * Styles applied to the labels when they are disabled.\n     */\n    labelDeselected: PropTypes.string,\n    /**\n     * Styles applied to the checked icon.\n     */\n    checkedIcon: PropTypes.string,\n    /**\n     * Pseudo-class applied to the internal SwitchBase component's checked class.\n     */\n    checked: PropTypes.string,\n    /**\n     * Styles applied to the track element.\n     */\n    track: PropTypes.string,\n    /**\n     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n     */\n    thumb: PropTypes.string,\n    /**\n     * Styles applied to the internal SwitchBase component's disabled class.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * Denotes selection state of switch component.\n   */\n  checked: PropTypes.bool,\n  /**\n   * Denotes if component is active or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Callback function to be triggered when the input value is changed\n   */\n  onChange: PropTypes.func,\n  /**\n   * An Object containing the various text associated with the switch.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label placed at the left of the switch.\n     */\n    left: PropTypes.string,\n    /**\n     * Label placed at the right of the switch.\n     */\n    right: PropTypes.string,\n  }),\n  /**\n   * The ID associated with the switch component.\n   */\n  id: PropTypes.string,\n  /**\n   * Value assigned to the Switch Component.\n   */\n  value: PropTypes.string,\n  /**\n   * Determine if labels should be displayed alongside component\n   */\n  showLabels: PropTypes.bool,\n  /**\n   * Determine if custom icon in button should be displayed\n   * */\n  displayIconChecked: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(withLabels(DEFAULT_LABELS)(HvSwitch));\n"],"mappings":"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"}

package/dist/Switch/index.d.ts

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

package/dist/Switch/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 _Switch.default;
+  }
+});
+
+var _Switch = _interopRequireDefault(require("./Switch"));
+//# sourceMappingURL=index.js.map

package/dist/Switch/index.js.map

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

package/dist/Switch/media/ToggleSuccess.S.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <clipPath id="clip-path">
+      <rect width="32" height="32" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Success.sema1.S" clip-path="url(#clip-path)">
+    <rect id="Rectangle_974" data-name="Rectangle 974" width="32" height="32" fill="none"/>
+    <g id="StepCompleted-16">
+      <rect id="Rectangle_974-2" data-name="Rectangle 974-2" width="32" height="32" fill="none"/>
+      <circle id="Ellipse_236" data-name="Ellipse 236" cx="8" cy="8" r="8" transform="translate(8 8)" fill="none"/>
+    </g>
+    <path id="Path_3081" data-name="Path 3081" d="M15.034,19.74l-2.387-2.387.707-.707,1.613,1.613,4.65-5.58.768.641Z" fill="#146bd2"/>
+    <g id="Group_5772" data-name="Group 5772">
+      <g id="Group_50" data-name="Group 50">
+        <g id="Path_56" data-name="Path 56">
+          <path id="Path_3082" data-name="Path 3082" d="M16,24h0a8.024,8.024,0,0,1-8-8H8a8.024,8.024,0,0,1,8-8h0a8.024,8.024,0,0,1,8,8h0A8.024,8.024,0,0,1,16,24Z" fill="none"/>
+          <path id="Path_3083" data-name="Path 3083" d="M16,23a7.023,7.023,0,1,0-4.943-2.057A6.953,6.953,0,0,0,16,23m0,1a8,8,0,1,1,8-8A8.024,8.024,0,0,1,16,24Z" fill="#4389db"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/dist/Switch/media/ToggleSuccess.XS.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:none;}
+	.st2{fill:#146BD2;}
+	.st3{fill:#4389DB;}
+</style>
+<path class="st0" d="M8,16L8,16c-4.4,0-8-3.6-8-8l0,0c0-4.4,3.6-8,8-8l0,0c4.4,0,8,3.6,8,8l0,0C16,12.4,12.4,16,8,16z"/>
+<circle id="Ellipse_236" class="st1" cx="8" cy="8" r="8"/>
+<path id="Path_3081" class="st2" d="M7,11.7L4.6,9.4l0.7-0.7L7,10.3l4.7-5.6l0.8,0.6L7,11.7z"/>
+<path id="Path_3082" class="st1" d="M8,16L8,16c-4.4,0-8-3.6-8-8l0,0c0-4.4,3.6-8,8-8l0,0c4.4,0,8,3.6,8,8l0,0C16,12.4,12.4,16,8,16
+	z"/>
+<path id="Path_3083" class="st3" d="M8,15c3.9,0,7-3.1,7-7s-3.1-7-7-7S1,4.1,1,8c0,1.9,0.7,3.7,2.1,5C4.4,14.3,6.1,15,8,15 M8,16
+	c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S12.4,16,8,16z"/>
+</svg>

package/dist/Switch/styles.js

@@ -0,0 +1,126 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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; }
+
+var switchWidth = 52;
+var thumbPosition = {
+  position: "relative",
+  left: -16,
+  width: 16,
+  height: 16
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "inline-flex",
+      height: 22
+    },
+    switch: {
+      padding: 0,
+      width: switchWidth,
+      height: 22,
+      cursor: "pointer"
+    },
+    switchBase: {
+      width: switchWidth,
+      height: 22,
+      padding: 0,
+      // increase CSS specificity
+      "&:hover": {
+        backgroundColor: "transparent"
+      },
+      "&$checked": {
+        transform: "translateX(30px)",
+        "& + $track": {
+          opacity: 1
+        },
+        "&:hover": {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    track: {
+      borderRadius: 15,
+      left: 17,
+      top: 8,
+      border: "solid 1px ".concat(theme.hv.palette.accent.acce1),
+      backgroundColor: theme.hv.palette.atmosphere.atmo2,
+      opacity: "unset"
+    },
+    thumb: _objectSpread(_objectSpread({}, thumbPosition), {}, {
+      border: "solid 1px ".concat(theme.hv.palette.accent.acce1),
+      backgroundColor: theme.hv.palette.atmosphere.atmo2,
+      marginLeft: 2,
+      marginTop: 0
+    }),
+    checked: {},
+    disabled: {
+      color: theme.hv.palette.atmosphere.atmo4,
+      borderColor: theme.hv.palette.atmosphere.atmo6,
+      cursor: "no-drop",
+      "& + $track": {
+        backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo4, " !important"),
+        border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo6),
+        opacity: "1 !important",
+        cursor: "no-drop"
+      },
+      "& $thumb": {
+        backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo4),
+        border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo6)
+      }
+    },
+    disabledLabel: _objectSpread(_objectSpread({}, theme.hv.typography.placeholderText), {}, {
+      height: "".concat(theme.hv.spacing.sm, "px"),
+      cursor: "no-drop"
+    }),
+    labelDeselected: _objectSpread(_objectSpread({}, theme.hv.typography.normalText), {}, {
+      height: "".concat(theme.hv.spacing.sm, "px"),
+      cursor: "pointer"
+    }),
+    labelSelected: {
+      height: "".concat(theme.hv.spacing.sm, "px"),
+      cursor: "default"
+    },
+    leftLabel: {
+      paddingRight: "".concat(theme.hv.spacing.xs, "px")
+    },
+    rightLabel: {
+      paddingLeft: "".concat(theme.hv.spacing.xs, "px")
+    },
+    checkedIcon: _objectSpread(_objectSpread({}, thumbPosition), {}, {
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      border: "none",
+      borderRadius: "50%"
+    })
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Switch/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["switchWidth","thumbPosition","position","left","width","height","styles","theme","root","display","switch","padding","cursor","switchBase","backgroundColor","transform","opacity","track","borderRadius","top","border","hv","palette","accent","acce1","atmosphere","atmo2","thumb","marginLeft","marginTop","checked","disabled","color","atmo4","borderColor","atmo6","disabledLabel","typography","placeholderText","spacing","sm","labelDeselected","normalText","labelSelected","leftLabel","paddingRight","xs","rightLabel","paddingLeft","checkedIcon","atmo1"],"sources":["../../src/Switch/styles.js"],"sourcesContent":["const switchWidth = 52;\n\nconst thumbPosition = {\n  position: \"relative\",\n  left: -16,\n  width: 16,\n  height: 16,\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-flex\",\n    height: 22,\n  },\n  switch: {\n    padding: 0,\n    width: switchWidth,\n    height: 22,\n    cursor: \"pointer\",\n  },\n\n  switchBase: {\n    width: switchWidth,\n    height: 22,\n    padding: 0,\n    // increase CSS specificity\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&$checked\": {\n      transform: \"translateX(30px)\",\n      \"& + $track\": {\n        opacity: 1,\n      },\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n      },\n    },\n  },\n\n  track: {\n    borderRadius: 15,\n    left: 17,\n    top: 8,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    opacity: \"unset\",\n  },\n\n  thumb: {\n    ...thumbPosition,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    marginLeft: 2,\n    marginTop: 0,\n  },\n\n  checked: {},\n\n  disabled: {\n    color: theme.hv.palette.atmosphere.atmo4,\n    borderColor: theme.hv.palette.atmosphere.atmo6,\n    cursor: \"no-drop\",\n    \"& + $track\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo4} !important`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo6}`,\n      opacity: \"1 !important\",\n      cursor: \"no-drop\",\n    },\n    \"& $thumb\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n  },\n\n  disabledLabel: {\n    ...theme.hv.typography.placeholderText,\n    height: `${theme.hv.spacing.sm}px`,\n    cursor: \"no-drop\",\n  },\n\n  labelDeselected: {\n    ...theme.hv.typography.normalText,\n    height: `${theme.hv.spacing.sm}px`,\n    cursor: \"pointer\",\n  },\n  labelSelected: {\n    height: `${theme.hv.spacing.sm}px`,\n    cursor: \"default\",\n  },\n\n  leftLabel: {\n    paddingRight: `${theme.hv.spacing.xs}px`,\n  },\n\n  rightLabel: {\n    paddingLeft: `${theme.hv.spacing.xs}px`,\n  },\n\n  checkedIcon: {\n    ...thumbPosition,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    border: \"none\",\n    borderRadius: \"50%\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Tab/Tab.d.ts

@@ -0,0 +1,7 @@
+import { StandardProps, TabProps } from "@material-ui/core";
+
+export type HvTabProps = StandardProps<TabProps, HvTabClassKey>;
+
+export type HvTabClassKey = "root" | "labelContainer" | "selected" | "disabled";
+
+export default function HvTab(props: HvTabProps): JSX.Element | null;