@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/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/legacy/Switch/Switch.js

@@ -0,0 +1,228 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "classes", "checked", "disabled", "onChange", "labels", "showLabels", "value", "displayIconChecked"];
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import { Switch, withStyles } from "@material-ui/core";
+import { CompletedStep as CheckMark } from "@hitachivantara/uikit-react-icons";
+import { setId } from "../utils";
+import withLabels from "../withLabels";
+import HvTypography from "../Typography";
+import Focus from "../Focus";
+import styles from "./styles";
+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 = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState(checked),
+      _useState2 = _slicedToArray(_useState, 2),
+      clickState = _useState2[0],
+      setClicked = _useState2[1];
+
+  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.createElement("div", {
+      id: !isNil(id) ? setId(id, position, "button") : undefined
+    }, /*#__PURE__*/React.createElement(HvTypography, {
+      className: clsx(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.createElement(CheckMark, {
+    width: "14px",
+    height: "14px",
+    className: classes.checkedIcon
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.root, className)
+  }, showLabels && renderLabel("left"), /*#__PURE__*/React.createElement(Focus, {
+    strategy: "card",
+    useFalseFocus: true
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    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.createElement(Switch, _extends({
+    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.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the Switch Component.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the internal Switch component's root class.
+     */
+    switch: PropTypes.string,
+
+    /**
+     * Styles applied to the internal SwitchBase component's root class.
+     */
+    switchBase: PropTypes.string,
+
+    /**
+     * Styles applied to the labels when they are disabled.
+     */
+    disabledLabel: PropTypes.string,
+
+    /**
+     * Styles applied to the labels when they are selected.
+     */
+    labelSelected: PropTypes.string,
+
+    /**
+     * Styles applied to the labels when they are disabled.
+     */
+    labelDeselected: PropTypes.string,
+
+    /**
+     * Styles applied to the checked icon.
+     */
+    checkedIcon: PropTypes.string,
+
+    /**
+     * Pseudo-class applied to the internal SwitchBase component's checked class.
+     */
+    checked: PropTypes.string,
+
+    /**
+     * Styles applied to the track element.
+     */
+    track: PropTypes.string,
+
+    /**
+     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.
+     */
+    thumb: PropTypes.string,
+
+    /**
+     * Styles applied to the internal SwitchBase component's disabled class.
+     */
+    disabled: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Denotes selection state of switch component.
+   */
+  checked: PropTypes.bool,
+
+  /**
+   * Denotes if component is active or not.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * An Object containing the various text associated with the switch.
+   */
+  labels: PropTypes.shape({
+    /**
+     * Label placed at the left of the switch.
+     */
+    left: PropTypes.string,
+
+    /**
+     * Label placed at the right of the switch.
+     */
+    right: PropTypes.string
+  }),
+
+  /**
+   * The ID associated with the switch component.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Value assigned to the Switch Component.
+   */
+  value: PropTypes.string,
+
+  /**
+   * Determine if labels should be displayed alongside component
+   */
+  showLabels: PropTypes.bool,
+
+  /**
+   * Determine if custom icon in button should be displayed
+   * */
+  displayIconChecked: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvSwitch"
+})(withLabels(DEFAULT_LABELS)(HvSwitch));
+//# sourceMappingURL=Switch.js.map

package/dist/legacy/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["React","useState","useEffect","PropTypes","clsx","isNil","Switch","withStyles","CompletedStep","CheckMark","setId","withLabels","HvTypography","Focus","styles","DEFAULT_LABELS","left","right","HvSwitch","props","id","className","classes","checked","disabled","onChange","labels","showLabels","value","displayIconChecked","others","clickState","setClicked","onClickHandler","event","newState","renderLabel","position","undefined","disabledLabel","labelDeselected","labelSelected","checkedIcon","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","bool","func","name"],"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/legacy/Switch/index.d.ts

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

package/dist/legacy/Switch/index.js

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

package/dist/legacy/Switch/index.js.map

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

package/dist/legacy/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/legacy/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/legacy/Switch/styles.js

@@ -0,0 +1,109 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+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); 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) { _defineProperty(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%"
+    })
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/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/legacy/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;

package/dist/legacy/Tab/Tab.js

@@ -0,0 +1,89 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes"];
+import React from "react";
+import PropTypes from "prop-types";
+import { Tab, withStyles } from "@material-ui/core";
+import styles from "./styles";
+
+var HvTab = function HvTab(props) {
+  var classes = props.classes,
+      others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(Tab, _extends({
+    classes: {
+      root: classes.root,
+      selected: classes.selected,
+      disabled: classes.disabled
+    },
+    disableRipple: true,
+    disableTouchRipple: true,
+    focusVisibleClassName: classes.focusVisible
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? HvTab.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the label container element if `label` is provided.
+     */
+    labelContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).
+     */
+    selected: PropTypes.string,
+
+    /**
+     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Styles applied to the root element if keyboard focused.
+     */
+    focusVisible: PropTypes.string
+  }).isRequired,
+
+  /**
+   * If `true`, the tab will be disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * The icon element.
+   */
+  icon: PropTypes.node,
+
+  /**
+   * The label element.
+   */
+  label: PropTypes.node
+} : void 0;
+HvTab.defaultProps = {
+  disabled: false,
+  icon: null,
+  label: null
+};
+export default withStyles(styles, {
+  name: "HvTab"
+})(HvTab);
+//# sourceMappingURL=Tab.js.map

package/dist/legacy/Tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","names":["React","PropTypes","Tab","withStyles","styles","HvTab","props","classes","others","root","selected","disabled","focusVisible","propTypes","id","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","name"],"sources":["../../../src/Tab/Tab.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\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      focusVisibleClassName={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"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,GAAT,EAAcC,UAAd,QAAgC,mBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EACvB,IAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;EAAA,IAAoBC,MAApB,4BAA+BF,KAA/B;;EAEA,oBACE,oBAAC,GAAD;IACE,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IADP;MAEPC,QAAQ,EAAEH,OAAO,CAACG,QAFX;MAGPC,QAAQ,EAAEJ,OAAO,CAACI;IAHX,CADX;IAME,aAAa,MANf;IAOE,kBAAkB,MAPpB;IAQE,qBAAqB,EAAEJ,OAAO,CAACK;EARjC,GASMJ,MATN,EADF;AAaD,CAhBD;;AAkBA,wCAAAH,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEC,EAAE,EAAEb,SAAS,CAACc,MAJE;;EAKhB;AACF;AACA;EACEC,SAAS,EAAEf,SAAS,CAACc,MARL;;EAShB;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACgB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAER,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIG,cAAc,EAAEjB,SAAS,CAACc,MARH;;IASvB;AACJ;AACA;IACIL,QAAQ,EAAET,SAAS,CAACc,MAZG;;IAavB;AACJ;AACA;IACIJ,QAAQ,EAAEV,SAAS,CAACc,MAhBG;;IAiBvB;AACJ;AACA;IACIH,YAAY,EAAEX,SAAS,CAACc;EApBD,CAAhB,EAqBNI,UAjCa;;EAkChB;AACF;AACA;EACER,QAAQ,EAAEV,SAAS,CAACmB,IArCJ;;EAsChB;AACF;AACA;EACEC,IAAI,EAAEpB,SAAS,CAACqB,IAzCA;;EA0ChB;AACF;AACA;EACEC,KAAK,EAAEtB,SAAS,CAACqB;AA7CD,CAAlB;AAgDAjB,KAAK,CAACmB,YAAN,GAAqB;EACnBb,QAAQ,EAAE,KADS;EAEnBU,IAAI,EAAE,IAFa;EAGnBE,KAAK,EAAE;AAHY,CAArB;AAMA,eAAepB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsCpB,KAAtC,CAAf"}

package/dist/legacy/Tab/index.d.ts

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

package/dist/legacy/Tab/index.js

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

package/dist/legacy/Tab/index.js.map

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

package/dist/legacy/Tab/styles.js

@@ -0,0 +1,51 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+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); 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) { _defineProperty(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; }
+
+import { outlineStyles } from "../Focus/styles";
+
+var styles = function styles(theme) {
+  return {
+    root: _objectSpread(_objectSpread({
+      minWidth: 70,
+      padding: "13px 20px",
+      textTransform: "none",
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.normalText), {}, {
+      "&:focus, &:hover": {
+        background: theme.hv.palette.atmosphere.atmo4
+      },
+      "&$selected": {
+        fontWeight: 600,
+        "&:hover": {
+          background: theme.hv.palette.atmosphere.atmo4
+        }
+      },
+      "&$disabled": {
+        color: theme.hv.palette.atmosphere.atmo7,
+        cursor: "not-allowed",
+        pointerEvents: "all",
+        opacity: 1,
+        "&:focus, &:hover": {
+          background: "none"
+        }
+      },
+      opacity: 1
+    }),
+    focusVisible: _objectSpread({}, outlineStyles),
+    selected: {},
+    disabled: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map