@hitachivantara/uikit-react-core 3.52.5

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: 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
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,oBAAoB,EAAE;AACpBC,MAAAA,GAAG,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADF;AAEpBC,MAAAA,KAAK,EAAEN,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AAFJ,KADG;AAKzBE,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,GAAG,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADH;AAEnBG,MAAAA,IAAI,EAAER,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AAFJ,KALI;AASzBI,IAAAA,qBAAqB,EAAE;AACrBP,MAAAA,GAAG,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AADD,KATE;AAYzBK,IAAAA,wBAAwB,EAAE;AACxBC,MAAAA,MAAM,EAAEX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AADD,KAZD;AAezBO,IAAAA,sBAAsB,EAAE;AACtBD,MAAAA,MAAM,EAAEX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADH;AAEtBG,MAAAA,IAAI,EAAER,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AAFD,KAfC;AAmBzBQ,IAAAA,uBAAuB,EAAE;AACvBF,MAAAA,MAAM,EAAEX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADF;AAEvBC,MAAAA,KAAK,EAAEN,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC;AAFD;AAnBA,GAAZ;AAAA,CAAf;;eAyBeN,M","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/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;

package/dist/Switch/Switch.js

@@ -0,0 +1,338 @@
+"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");
+
+require("core-js/modules/es.array.iterator.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");
+
+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.function.name.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _core = require("@material-ui/core");
+
+var _ = require("..");
+
+var _validationStates = require("../Forms/FormElement/validationStates");
+
+var _utils = require("../utils");
+
+var _BaseSwitch = _interopRequireDefault(require("../BaseSwitch"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "onChange", "status", "statusMessage", "aria-errormessage", "inputProps"];
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * A Switch is <b>binary</b> and work as a digital on/off button.
+ *
+ * Use when two states are <b>opposite</b> and to trigger immediate
+ * changes in the system.
+ */
+var HvSwitch = function HvSwitch(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      name = props.name,
+      _props$value = props.value,
+      value = _props$value === void 0 ? "on" : _props$value,
+      _props$required = props.required,
+      required = _props$required === void 0 ? false : _props$required,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      label = props.label,
+      ariaLabel = props["aria-label"],
+      ariaLabelledBy = props["aria-labelledby"],
+      ariaDescribedBy = props["aria-describedby"],
+      labelProps = props.labelProps,
+      checked = props.checked,
+      _props$defaultChecked = props.defaultChecked,
+      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+      onChange = props.onChange,
+      status = props.status,
+      statusMessage = props.statusMessage,
+      ariaErrorMessage = props["aria-errormessage"],
+      inputProps = props.inputProps,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var elementId = (0, _.useUniqueId)(id, "hvswitch");
+
+  var _useControlled = (0, _utils.useControlled)(checked, Boolean(defaultChecked)),
+      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+      isChecked = _useControlled2[0],
+      setIsChecked = _useControlled2[1];
+
+  var _useControlled3 = (0, _utils.useControlled)(status, "standBy"),
+      _useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
+      validationState = _useControlled4[0],
+      setValidationState = _useControlled4[1];
+
+  var _useControlled5 = (0, _utils.useControlled)(statusMessage, "Required"),
+      _useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 1),
+      validationMessage = _useControlled6[0];
+
+  var onLocalChange = (0, _react.useCallback)(function (evt, newChecked) {
+    setIsChecked(function () {
+      // this will only run if uncontrolled
+      if (required && !newChecked) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+
+      return newChecked;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, newChecked, value);
+  }, [onChange, required, setIsChecked, setValidationState, value]); // the error message area will only be created if:
+  // - an external element that provides an error message isn't identified via aria-errormessage AND
+  //   - both status and statusMessage properties are being controlled OR
+  //   - status is uncontrolled and required is true
+
+  var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
+  var isStateInvalid = (0, _validationStates.isInvalid)(validationState);
+  var errorMessageId;
+
+  if (isStateInvalid) {
+    errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+    id: id,
+    name: name,
+    status: validationState,
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    className: (0, _clsx.default)(className, classes.root)
+  }, label && /*#__PURE__*/_react.default.createElement(_.HvLabel, (0, _extends2.default)({
+    id: (0, _utils.setId)(elementId, "label"),
+    htmlFor: (0, _utils.setId)(elementId, "input"),
+    label: label,
+    className: (0, _clsx.default)(classes.label)
+  }, labelProps)), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.switchContainer, isStateInvalid && classes.invalidSwitch)
+  }, /*#__PURE__*/_react.default.createElement(_BaseSwitch.default, (0, _extends2.default)({
+    id: label ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
+    name: name,
+    disabled: disabled,
+    readOnly: readOnly,
+    required: required,
+    onChange: onLocalChange,
+    value: value,
+    checked: isChecked,
+    inputProps: _objectSpread({
+      "aria-invalid": isStateInvalid ? true : undefined,
+      "aria-errormessage": errorMessageId,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy
+    }, inputProps)
+  }, others))), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
+    id: (0, _utils.setId)(elementId, "error"),
+    className: (0, _clsx.default)(classes.error),
+    disableBorder: true,
+    disableAdornment: true,
+    hideText: true
+  }, validationMessage));
+};
+
+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.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the label.
+     */
+    label: _propTypes.default.string,
+
+    /**
+     * Styles applied to the error area.
+     */
+    error: _propTypes.default.string,
+
+    /**
+     * Styles applied to the switch container.
+     */
+    switchContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the switch container when the validations status is invalid.
+     */
+    invalidSwitch: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the form element root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The form element name.
+   */
+  name: _propTypes.default.string,
+
+  /**
+   * The value of the form element.
+   *
+   * Is up to the application's logic when to consider the submission of this value.
+   * Generally it should be used only when the switch is neither unchecked nor indeterminate.
+   *
+   * The default value is "on".
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: _propTypes.default.any,
+
+  /**
+   * 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 inputted via inputProps.
+   */
+  label: _propTypes.default.node,
+
+  /**
+   * @ignore
+   */
+  "aria-label": _propTypes.default.string,
+
+  /**
+   * @ignore
+   */
+  "aria-labelledby": _propTypes.default.string,
+
+  /**
+   * @ignore
+   */
+  "aria-describedby": _propTypes.default.string,
+
+  /**
+   * Properties passed on to the label element.
+   */
+  labelProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Indicates that the form element is not editable.
+   */
+  readOnly: _propTypes.default.bool,
+
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  required: _propTypes.default.bool,
+
+  /**
+   * If `true` the switch is selected, if set to `false` the switch is not selected.
+   *
+   * When defined the switch state becomes controlled.
+   */
+  checked: _propTypes.default.bool,
+
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked: _propTypes.default.bool,
+
+  /**
+   * 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 `checked`, depending of the values of both `required` and `checked`.
+   */
+  status: _propTypes.default.oneOf(["standBy", "valid", "invalid"]),
+
+  /**
+   * 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: _propTypes.default.string,
+
+  /**
+   * Identifies the element that provides an error message for the switch.
+   *
+   * Will only be used when the validation status is invalid.
+   */
+  "aria-errormessage": _propTypes.default.string,
+
+  /**
+   * The callback fired when the switch is pressed.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps: _propTypes.default.instanceOf(Object)
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvSwitch"
+})(HvSwitch);
+
+exports.default = _default;
+//# sourceMappingURL=Switch.js.map

package/dist/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Switch/Switch.js"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","Boolean","isChecked","setIsChecked","validationState","setValidationState","validationMessage","onLocalChange","evt","newChecked","canShowError","undefined","isStateInvalid","errorMessageId","root","switchContainer","invalidSwitch","error","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","styles"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nconst HvSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(classes.label)}\n          {...labelProps}\n        />\n      )}\n      <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </div>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(classes.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the switch container.\n     */\n    switchContainer: PropTypes.string,\n    /**\n     * Styles applied to the switch container when the validations status is invalid.\n     */\n    invalidSwitch: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the switch.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"file":"Switch.js"}

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,"sources":["../../src/Switch/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Switch\";\n"],"file":"index.js"}

package/dist/Switch/styles.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "inline-flex",
+      flexDirection: "column",
+      alignItems: "flex-start"
+    },
+    label: {
+      marginBottom: theme.hv.spacing.xs
+    },
+    switchContainer: {
+      height: 32,
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      borderBottom: "1px solid transparent"
+    },
+    invalidSwitch: {
+      borderBottom: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+    },
+    error: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Switch/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Switch/styles.js"],"names":["styles","theme","root","display","flexDirection","alignItems","label","marginBottom","hv","spacing","xs","switchContainer","height","justifyContent","borderBottom","invalidSwitch","palette","semantic","sema4","error"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,aADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAGJC,MAAAA,UAAU,EAAE;AAHR,KADmB;AAOzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,YAAY,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC;AAD1B,KAPkB;AAWzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,MAAM,EAAE,EADO;AAEfT,MAAAA,OAAO,EAAE,MAFM;AAGfC,MAAAA,aAAa,EAAE,QAHA;AAIfS,MAAAA,cAAc,EAAE,QAJD;AAKfC,MAAAA,YAAY;AALG,KAXQ;AAmBzBC,IAAAA,aAAa,EAAE;AACbD,MAAAA,YAAY,sBAAeb,KAAK,CAACO,EAAN,CAASQ,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;AADC,KAnBU;AAuBzBC,IAAAA,KAAK,EAAE;AAvBkB,GAAZ;AAAA,CAAf;;eA0BenB,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  switchContainer: {\n    height: 32,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    borderBottom: `1px solid transparent`,\n  },\n\n  invalidSwitch: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  error: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Tab/Tab.d.ts

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

package/dist/Tab/Tab.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes"];
+
+var HvTab = function HvTab(props) {
+  var classes = props.classes,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.Tab, (0, _extends2.default)({
+    classes: {
+      root: classes.root,
+      selected: classes.selected,
+      disabled: classes.disabled
+    },
+    disableRipple: true,
+    disableTouchRipple: true // expose the global class HvIsFocusVisible as a marker
+    // not to be styled directly, only as helper in specific css queries
+    ,
+    focusVisibleClassName: (0, _clsx.default)("HvIsFocusVisible", classes.focusVisible)
+  }, others));
+};
+
+HvTab.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the label container element if `label` is provided.
+     */
+    labelContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).
+     */
+    selected: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if keyboard focused.
+     */
+    focusVisible: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * If `true`, the tab will be disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * The icon element.
+   */
+  icon: _propTypes.default.node,
+
+  /**
+   * The label element.
+   */
+  label: _propTypes.default.node
+};
+HvTab.defaultProps = {
+  disabled: false,
+  icon: null,
+  label: null
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTab"
+})(HvTab);
+
+exports.default = _default;
+//# sourceMappingURL=Tab.js.map

package/dist/Tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tab/Tab.js"],"names":["HvTab","props","classes","others","root","selected","disabled","focusVisible","propTypes","id","PropTypes","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AACvB,MAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;AAAA,MAAoBC,MAApB,0CAA+BF,KAA/B;AAEA,sBACE,6BAAC,SAAD;AACE,IAAA,OAAO,EAAE;AACPG,MAAAA,IAAI,EAAEF,OAAO,CAACE,IADP;AAEPC,MAAAA,QAAQ,EAAEH,OAAO,CAACG,QAFX;AAGPC,MAAAA,QAAQ,EAAEJ,OAAO,CAACI;AAHX,KADX;AAME,IAAA,aAAa,MANf;AAOE,IAAA,kBAAkB,MAPpB,CAQE;AACA;AATF;AAUE,IAAA,qBAAqB,EAAE,mBAAK,kBAAL,EAAyBJ,OAAO,CAACK,YAAjC;AAVzB,KAWMJ,MAXN,EADF;AAeD,CAlBD;;AAoBAH,KAAK,CAACQ,SAAN,GAAkB;AAChB;AACF;AACA;AACEC,EAAAA,EAAE,EAAEC,mBAAUC,MAJE;;AAKhB;AACF;AACA;AACEC,EAAAA,SAAS,EAAEF,mBAAUC,MARL;;AAShB;AACF;AACA;AACET,EAAAA,OAAO,EAAEQ,mBAAUG,KAAV,CAAgB;AACvB;AACJ;AACA;AACIT,IAAAA,IAAI,EAAEM,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIG,IAAAA,cAAc,EAAEJ,mBAAUC,MARH;;AASvB;AACJ;AACA;AACIN,IAAAA,QAAQ,EAAEK,mBAAUC,MAZG;;AAavB;AACJ;AACA;AACIL,IAAAA,QAAQ,EAAEI,mBAAUC,MAhBG;;AAiBvB;AACJ;AACA;AACIJ,IAAAA,YAAY,EAAEG,mBAAUC;AApBD,GAAhB,EAqBNI,UAjCa;;AAkChB;AACF;AACA;AACET,EAAAA,QAAQ,EAAEI,mBAAUM,IArCJ;;AAsChB;AACF;AACA;AACEC,EAAAA,IAAI,EAAEP,mBAAUQ,IAzCA;;AA0ChB;AACF;AACA;AACEC,EAAAA,KAAK,EAAET,mBAAUQ;AA7CD,CAAlB;AAgDAlB,KAAK,CAACoB,YAAN,GAAqB;AACnBd,EAAAA,QAAQ,EAAE,KADS;AAEnBW,EAAAA,IAAI,EAAE,IAFa;AAGnBE,EAAAA,KAAK,EAAE;AAHY,CAArB;;eAMe,sBAAWE,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAsCtB,KAAtC,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Tab, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvTab = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tab\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      disableRipple\n      disableTouchRipple\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n      {...others}\n    />\n  );\n};\n\nHvTab.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label container element if `label` is provided.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true`, the tab will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The icon element.\n   */\n  icon: PropTypes.node,\n  /**\n   * The label element.\n   */\n  label: PropTypes.node,\n};\n\nHvTab.defaultProps = {\n  disabled: false,\n  icon: null,\n  label: null,\n};\n\nexport default withStyles(styles, { name: \"HvTab\" })(HvTab);\n"],"file":"Tab.js"}