@hitachivantara/uikit-react-lab 2.6.18

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

package/dist/Slider/index.js.map

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

package/dist/Slider/styles.js

@@ -0,0 +1,125 @@
+"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 styles = function styles(theme) {
+  return {
+    root: {
+      "& .rc-slider-handle": {
+        cursor: "pointer",
+        marginTop: "-8px",
+        "&:active": {
+          cursor: "grab"
+        }
+      },
+      zIndex: 0
+    },
+    dot: {
+      position: "absolute",
+      bottom: "-1px",
+      marginLeft: "0px",
+      width: "1px",
+      height: "4px",
+      border: "none",
+      borderRadius: "0%",
+      backgroundColor: theme.hv.palette.atmosphere.atmo7,
+      cursor: "pointer",
+      verticalAlign: "middle",
+      zIndex: "-3"
+    },
+    rail: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo7,
+      height: "1px",
+      zIndex: "-3"
+    },
+    knobInner: {
+      borderColor: "transparent",
+      boxShadow: "none",
+      backgroundColor: theme.hv.palette.accent.acce1,
+      width: "16px",
+      height: "16px"
+    },
+    knobOuter: {
+      position: "relative",
+      borderColor: "transparent",
+      borderRadius: "50%",
+      boxShadow: "none",
+      backgroundColor: theme.hv.palette.atmosphere.atmo7,
+      width: "32px",
+      height: "32px",
+      top: "-80%",
+      left: "-80%",
+      zIndex: "-1"
+    },
+    knobHidden: {
+      display: "none"
+    },
+    knobHiddenLast: {
+      borderColor: "transparent",
+      height: "3px",
+      width: "2px",
+      marginLeft: "-1px",
+      border: "none",
+      borderRadius: "0",
+      marginTop: "0px",
+      left: "100%",
+      touchAction: "none",
+      cursor: "default"
+    },
+    track: {
+      backgroundColor: theme.hv.palette.accent.acce1,
+      height: "3px",
+      zIndex: "-1",
+      marginTop: "-1px"
+    },
+    mark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
+      fontFamily: theme.hv.typography.fontFamily,
+      top: "-2px"
+    }),
+    sliderTooltip: {
+      "& .rc-slider-tooltip-inner": _objectSpread(_objectSpread({
+        background: theme.hv.palette.atmosphere.atmo1,
+        border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo7, " "),
+        borderRadius: 0,
+        maxWidth: "532px",
+        height: "100%",
+        padding: "".concat(theme.hv.spacing.sm, "px")
+      }, theme.hv.typography.infoText), {}, {
+        fontFamily: theme.hv.typography.fontFamily,
+        boxShadow: "none"
+      }),
+      "& .rc-slider-tooltip-arrow": {
+        visibility: "hidden"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Slider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","cursor","marginTop","zIndex","dot","position","bottom","marginLeft","width","height","border","borderRadius","backgroundColor","hv","palette","atmosphere","atmo7","verticalAlign","rail","knobInner","borderColor","boxShadow","accent","acce1","knobOuter","top","left","knobHidden","display","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","sliderTooltip","background","atmo1","maxWidth","padding","spacing","sm","infoText","visibility"],"sources":["../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    \"& .rc-slider-handle\": {\n      cursor: \"pointer\",\n      marginTop: \"-8px\",\n      \"&:active\": {\n        cursor: \"grab\",\n      },\n    },\n    zIndex: 0,\n  },\n  dot: {\n    position: \"absolute\",\n    bottom: \"-1px\",\n    marginLeft: \"0px\",\n    width: \"1px\",\n    height: \"4px\",\n    border: \"none\",\n    borderRadius: \"0%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo7,\n    cursor: \"pointer\",\n    verticalAlign: \"middle\",\n    zIndex: \"-3\",\n  },\n  rail: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo7,\n    height: \"1px\",\n    zIndex: \"-3\",\n  },\n  knobInner: {\n    borderColor: \"transparent\",\n    boxShadow: \"none\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n    width: \"16px\",\n    height: \"16px\",\n  },\n  knobOuter: {\n    position: \"relative\",\n    borderColor: \"transparent\",\n    borderRadius: \"50%\",\n    boxShadow: \"none\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo7,\n    width: \"32px\",\n    height: \"32px\",\n    top: \"-80%\",\n    left: \"-80%\",\n    zIndex: \"-1\",\n  },\n  knobHidden: {\n    display: \"none\",\n  },\n  knobHiddenLast: {\n    borderColor: \"transparent\",\n    height: \"3px\",\n    width: \"2px\",\n    marginLeft: \"-1px\",\n    border: \"none\",\n    borderRadius: \"0\",\n    marginTop: \"0px\",\n    left: \"100%\",\n    touchAction: \"none\",\n    cursor: \"default\",\n  },\n  track: {\n    backgroundColor: theme.hv.palette.accent.acce1,\n    height: \"3px\",\n    zIndex: \"-1\",\n    marginTop: \"-1px\",\n  },\n  mark: {\n    ...theme.hv.typography.vizText,\n    fontFamily: theme.hv.typography.fontFamily,\n    top: \"-2px\",\n  },\n  sliderTooltip: {\n    \"& .rc-slider-tooltip-inner\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo7} `,\n      borderRadius: 0,\n      maxWidth: \"532px\",\n      height: \"100%\",\n      padding: `${theme.hv.spacing.sm}px`,\n      ...theme.hv.typography.infoText,\n      fontFamily: theme.hv.typography.fontFamily,\n      boxShadow: \"none\",\n    },\n    \"& .rc-slider-tooltip-arrow\": {\n      visibility: \"hidden\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/TimePicker/PeriodPicker/PeriodPicker.js

@@ -0,0 +1,128 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _timePickerUtils = require("../timePickerUtils");
+
+var _enums = require("../enums");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var PeriodPicker = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(PeriodPicker, _React$Component);
+
+  var _super = _createSuper(PeriodPicker);
+
+  function PeriodPicker(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, PeriodPicker);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChangePeriod", function () {
+      var onChangePeriod = _this.props.onChangePeriod;
+
+      var period = _this.selectDifferentPeriod();
+
+      _this.setState({
+        currentPeriod: period
+      });
+
+      onChangePeriod(period);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectDifferentPeriod", function () {
+      var currentPeriod = _this.state.currentPeriod;
+      return currentPeriod === _enums.PeriodPickerOptions.AM ? _enums.PeriodPickerOptions.PM : _enums.PeriodPickerOptions.AM;
+    });
+    _this.state = {
+      currentPeriod: props.period
+    };
+    return _this;
+  }
+  /**
+   * Handles the period change
+   * @memberof PeriodPicker
+   */
+
+
+  (0, _createClass2.default)(PeriodPicker, [{
+    key: "render",
+    value:
+    /**
+     * Renders the PeriodPicker
+     * @memberof UnitTimePicker
+     */
+    function render() {
+      var classes = this.props.classes;
+      var currentPeriod = this.state.currentPeriod;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.periodContainer
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropUpXS, {
+        className: classes.icon,
+        onClick: this.handleChangePeriod
+      }), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
+        variant: "highlightText",
+        className: classes.periodText
+      }, currentPeriod), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropDownXS, {
+        className: classes.icon,
+        onClick: this.handleChangePeriod
+      }));
+    }
+  }]);
+  return PeriodPicker;
+}(_react.default.Component);
+
+process.env.NODE_ENV !== "production" ? PeriodPicker.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the input/popper
+   */
+  classes: _propTypes.default.instanceOf(Object).isRequired,
+
+  /**
+   * Callback function called when the period value changes
+   */
+  onChangePeriod: _propTypes.default.func.isRequired,
+
+  /**
+   * Default period value
+   */
+  period: _propTypes.default.oneOf([_enums.PeriodPickerOptions.AM, _enums.PeriodPickerOptions.PM])
+} : void 0;
+PeriodPicker.defaultProps = {
+  period: (0, _timePickerUtils.getPeriodForDate)()
+};
+var _default = PeriodPicker;
+exports.default = _default;
+//# sourceMappingURL=PeriodPicker.js.map

package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodPicker.js","names":["PeriodPicker","props","onChangePeriod","period","selectDifferentPeriod","setState","currentPeriod","state","PeriodPickerOptions","AM","PM","classes","periodContainer","icon","handleChangePeriod","periodText","React","Component","propTypes","PropTypes","instanceOf","Object","isRequired","func","oneOf","defaultProps","getPeriodForDate"],"sources":["../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { getPeriodForDate } from \"../timePickerUtils\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nclass PeriodPicker extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentPeriod: props.period,\n    };\n  }\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  handleChangePeriod = () => {\n    const { onChangePeriod } = this.props;\n    const period = this.selectDifferentPeriod();\n    this.setState({\n      currentPeriod: period,\n    });\n    onChangePeriod(period);\n  };\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  selectDifferentPeriod = () => {\n    const { currentPeriod } = this.state;\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  render() {\n    const { classes } = this.props;\n    const { currentPeriod } = this.state;\n\n    return (\n      <div className={classes.periodContainer}>\n        <UpIcon className={classes.icon} onClick={this.handleChangePeriod} />\n        <HvTypography variant=\"highlightText\" className={classes.periodText}>\n          {currentPeriod}\n        </HvTypography>\n        <DownIcon className={classes.icon} onClick={this.handleChangePeriod} />\n      </div>\n    );\n  }\n}\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nPeriodPicker.defaultProps = {\n  period: getPeriodForDate(),\n};\n\nexport default PeriodPicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;EACJ,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,iGAYE,YAAM;MACzB,IAAQC,cAAR,GAA2B,MAAKD,KAAhC,CAAQC,cAAR;;MACA,IAAMC,MAAM,GAAG,MAAKC,qBAAL,EAAf;;MACA,MAAKC,QAAL,CAAc;QACZC,aAAa,EAAEH;MADH,CAAd;;MAGAD,cAAc,CAACC,MAAD,CAAd;IACD,CAnBkB;IAAA,oGA0BK,YAAM;MAC5B,IAAQG,aAAR,GAA0B,MAAKC,KAA/B,CAAQD,aAAR;MACA,OAAOA,aAAa,KAAKE,0BAAA,CAAoBC,EAAtC,GACHD,0BAAA,CAAoBE,EADjB,GAEHF,0BAAA,CAAoBC,EAFxB;IAGD,CA/BkB;IAGjB,MAAKF,KAAL,GAAa;MACXD,aAAa,EAAEL,KAAK,CAACE;IADV,CAAb;IAHiB;EAMlB;EAED;AACF;AACA;AACA;;;;;;IAsBE;AACF;AACA;AACA;IACE,kBAAS;MACP,IAAQQ,OAAR,GAAoB,KAAKV,KAAzB,CAAQU,OAAR;MACA,IAAQL,aAAR,GAA0B,KAAKC,KAA/B,CAAQD,aAAR;MAEA,oBACE;QAAK,SAAS,EAAEK,OAAO,CAACC;MAAxB,gBACE,6BAAC,yBAAD;QAAQ,SAAS,EAAED,OAAO,CAACE,IAA3B;QAAiC,OAAO,EAAE,KAAKC;MAA/C,EADF,eAEE,6BAAC,4BAAD;QAAc,OAAO,EAAC,eAAtB;QAAsC,SAAS,EAAEH,OAAO,CAACI;MAAzD,GACGT,aADH,CAFF,eAKE,6BAAC,2BAAD;QAAU,SAAS,EAAEK,OAAO,CAACE,IAA7B;QAAmC,OAAO,EAAE,KAAKC;MAAjD,EALF,CADF;IASD;;;EAnDwBE,cAAA,CAAMC,S;;AAsDjC,wCAAAjB,YAAY,CAACkB,SAAb,GAAyB;EACvB;AACF;AACA;EACEP,OAAO,EAAEQ,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEpB,cAAc,EAAEiB,kBAAA,CAAUI,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACEnB,MAAM,EAAEgB,kBAAA,CAAUK,KAAV,CAAgB,CAAChB,0BAAA,CAAoBC,EAArB,EAAyBD,0BAAA,CAAoBE,EAA7C,CAAhB;AAZe,CAAzB;AAeAV,YAAY,CAACyB,YAAb,GAA4B;EAC1BtB,MAAM,EAAE,IAAAuB,iCAAA;AADkB,CAA5B;eAIe1B,Y"}

package/dist/TimePicker/PeriodPicker/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _PeriodPicker = _interopRequireDefault(require("./PeriodPicker"));
+
+var _default = (0, _withStyles.default)(_styles.default, {
+  name: "HvTimePickerPeriodPicker"
+})(_PeriodPicker.default);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/dist/TimePicker/PeriodPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withStyles","styles","name","PeriodPicker"],"sources":["../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,mBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDC,qBAAzD,C"}

package/dist/TimePicker/PeriodPicker/styles.js

@@ -0,0 +1,63 @@
+"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 icon = {
+  width: "32px",
+  height: "32px",
+  cursor: "pointer"
+};
+
+var styles = function styles(theme) {
+  return {
+    periodContainer: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      "&:first-child": {
+        marginTop: "".concat(theme.hv.spacing.sm, "px")
+      },
+      "&:last-child": {
+        marginBottom: "".concat(theme.hv.spacing.sm, "px")
+      }
+    },
+    periodText: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
+      textAlign: "center",
+      height: "40px",
+      width: "40px",
+      paddingTop: "".concat(theme.hv.spacing.xs, "px"),
+      paddingBottom: "".concat(theme.hv.spacing.xs, "px")
+    }),
+    icon: _objectSpread({}, icon)
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/TimePicker/PeriodPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["icon","width","height","cursor","styles","theme","periodContainer","display","flexDirection","justifyContent","alignItems","marginTop","hv","spacing","sm","marginBottom","periodText","typography","highlightText","textAlign","paddingTop","xs","paddingBottom"],"sources":["../../../src/TimePicker/PeriodPicker/styles.js"],"sourcesContent":["const icon = {\n  width: \"32px\",\n  height: \"32px\",\n  cursor: \"pointer\",\n};\n\nconst styles = (theme) => ({\n  periodContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    \"&:first-child\": { marginTop: `${theme.hv.spacing.sm}px` },\n    \"&:last-child\": { marginBottom: `${theme.hv.spacing.sm}px` },\n  },\n  periodText: {\n    ...theme.hv.typography.highlightText,\n    textAlign: \"center\",\n    height: \"40px\",\n    width: \"40px\",\n    paddingTop: `${theme.hv.spacing.xs}px`,\n    paddingBottom: `${theme.hv.spacing.xs}px`,\n  },\n  icon: {\n    ...icon,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,IAAI,GAAG;EACXC,KAAK,EAAE,MADI;EAEXC,MAAM,EAAE,MAFG;EAGXC,MAAM,EAAE;AAHG,CAAb;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MADM;MAEfC,aAAa,EAAE,QAFA;MAGfC,cAAc,EAAE,QAHD;MAIfC,UAAU,EAAE,QAJG;MAKf,iBAAiB;QAAEC,SAAS,YAAKN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAAtB;MAAX,CALF;MAMf,gBAAgB;QAAEC,YAAY,YAAKV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAAtB;MAAd;IAND,CADQ;IASzBE,UAAU,kCACLX,KAAK,CAACO,EAAN,CAASK,UAAT,CAAoBC,aADf;MAERC,SAAS,EAAE,QAFH;MAGRjB,MAAM,EAAE,MAHA;MAIRD,KAAK,EAAE,MAJC;MAKRmB,UAAU,YAAKf,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBQ,EAAtB,OALF;MAMRC,aAAa,YAAKjB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBQ,EAAtB;IANL,EATe;IAiBzBrB,IAAI,oBACCA,IADD;EAjBqB,CAAZ;AAAA,CAAf;;eAsBeI,M"}

package/dist/TimePicker/TimePicker.d.ts

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface TimePickerLabel {
+  /**
+   * Time picker label (appears above the input)
+   */
+  title: string;
+  /**
+   * Time picker placeholder (appears in the input)
+   */
+  placeholder: string;
+}
+
+export type HvTimePickerClassKey =
+  | "input"
+  | "inputPopperOpenedBelow"
+  | "inputPopperOpenedAbove"
+  | "inputPopperClosed"
+  | "inputContainer"
+  | "icon"
+  | "timePickerContainer"
+  | "label"
+  | "timePopperContainer"
+  | "popper"
+  | "popperBelow"
+  | "popperAbove"
+  | "separator"
+  | "periodContainer";
+
+export interface HvTimePickerProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTimePickerClassKey> {
+  /**
+   * An Object containing the various text associated with the time picker.
+   */
+  labels?: TimePickerLabel;
+  /**
+   * If the time should be presented in 12 or 24 hour format.
+   * If undefined, the component will use a format according to the passed locale.
+   * If defined, it will "override" the default value given by the locale
+   */
+  timeFormat?: "12" | "24" | undefined;
+  /**
+   * Locale that will provide the time format(12 or 24 hour format)
+   * It is "overwritten" by the timeFormat prop
+   */
+  locale: string;
+  /**
+   * Default value for the hours picker
+   */
+  hours?: number;
+  /**
+   * Default value for the minutes picker
+   */
+  minutes?: number;
+  /**
+   * Default value for the seconds picker
+   */
+  seconds?: number;
+  /**
+   * Default value for the period picker
+   */
+  period?: string;
+  /**
+   * Callback function to be triggered when the input value is changed.
+   * It is invoked with a object param with the following props:
+   *  - hours (in a 24h format)
+   *  - minutes
+   *  - seconds
+   *  - period
+   *
+   * It is always invoked with the hours in a 24h format
+   */
+  onChange?: (timeIn24Format: object) => void;
+}
+
+export default function HvTimePicker(props: HvTimePickerProps): JSX.Element | null;