@hitachivantara/uikit-react-core 3.63.0 → 3.64.0

package/dist/legacy/TimePicker/timePickerConverter.js

@@ -0,0 +1,71 @@
+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 { isUnitTimeInValidRange } from "./timePickerUtils";
+import { TimeFormat, PeriodPickerOptions, TimePickerUnits } from "./enums";
+/**
+ * Gets hours for the passed time format.
+ * e.g. 20hours in 12h format is set to 8
+ * @param {Number} hours - current hours
+ * @param {String} timeFormat - AM/PM
+ *
+ * @returns {Number} - hours in the correct format
+ */
+
+var getHoursForTimeFormat = function getHoursForTimeFormat(hours, timeFormat) {
+  if (timeFormat === TimeFormat.H12) {
+    if (hours == null || hours === 0) {
+      return TimePickerUnits.HOUR_12.max;
+    }
+
+    if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_12.type)) {
+      return hours;
+    }
+
+    if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_24.type)) {
+      return hours - TimePickerUnits.HOUR_12.max;
+    }
+  }
+
+  return hours;
+};
+/**
+ * Gets the time in 24h format
+ * e.g. 08:00:00:PM in 12h format is set to 20:00:00
+ * @param {Object} time - object with hours, minutes, seconds and period
+ * @param {String} timeFormat - AM/PM
+ *
+ * @returns {Object} - time object (hours, minutes, seconds and period) with the hours set
+ * into the correct format
+ */
+
+
+var getTimeWithFormat24 = function getTimeWithFormat24(time, timeFormat) {
+  var hours = time.hours,
+      period = time.period;
+
+  var timeIn24Format = _objectSpread({}, time);
+
+  if (timeFormat === TimeFormat.H12) {
+    if (period === PeriodPickerOptions.AM && hours === TimePickerUnits.HOUR_12.max) {
+      timeIn24Format.hours = TimePickerUnits.HOUR_24.min;
+    } else if (period === PeriodPickerOptions.PM && hours < TimePickerUnits.HOUR_12.max) {
+      timeIn24Format.hours = hours + TimePickerUnits.HOUR_12.max;
+    }
+  }
+
+  return timeIn24Format;
+};
+
+export { getHoursForTimeFormat, getTimeWithFormat24 };
+//# sourceMappingURL=timePickerConverter.js.map

package/dist/legacy/TimePicker/timePickerConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/timePickerConverter.js"],"names":["isUnitTimeInValidRange","TimeFormat","PeriodPickerOptions","TimePickerUnits","getHoursForTimeFormat","hours","timeFormat","H12","HOUR_12","max","type","HOUR_24","getTimeWithFormat24","time","period","timeIn24Format","AM","min","PM"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,sBAAT,QAAuC,mBAAvC;AACA,SAASC,UAAT,EAAqBC,mBAArB,EAA0CC,eAA1C,QAAiE,SAAjE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAQC,UAAR,EAAuB;AACnD,MAAIA,UAAU,KAAKL,UAAU,CAACM,GAA9B,EAAmC;AACjC,QAAIF,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,CAA/B,EAAkC;AAChC,aAAOF,eAAe,CAACK,OAAhB,CAAwBC,GAA/B;AACD;;AACD,QAAIT,sBAAsB,CAACK,KAAD,EAAQF,eAAe,CAACK,OAAhB,CAAwBE,IAAhC,CAA1B,EAAiE;AAC/D,aAAOL,KAAP;AACD;;AACD,QAAIL,sBAAsB,CAACK,KAAD,EAAQF,eAAe,CAACQ,OAAhB,CAAwBD,IAAhC,CAA1B,EAAiE;AAC/D,aAAOL,KAAK,GAAGF,eAAe,CAACK,OAAhB,CAAwBC,GAAvC;AACD;AACF;;AACD,SAAOJ,KAAP;AACD,CAbD;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,IAAD,EAAOP,UAAP,EAAsB;AAChD,MAAQD,KAAR,GAA0BQ,IAA1B,CAAQR,KAAR;AAAA,MAAeS,MAAf,GAA0BD,IAA1B,CAAeC,MAAf;;AACA,MAAMC,cAAc,qBAAQF,IAAR,CAApB;;AACA,MAAIP,UAAU,KAAKL,UAAU,CAACM,GAA9B,EAAmC;AACjC,QAAIO,MAAM,KAAKZ,mBAAmB,CAACc,EAA/B,IAAqCX,KAAK,KAAKF,eAAe,CAACK,OAAhB,CAAwBC,GAA3E,EAAgF;AAC9EM,MAAAA,cAAc,CAACV,KAAf,GAAuBF,eAAe,CAACQ,OAAhB,CAAwBM,GAA/C;AACD,KAFD,MAEO,IAAIH,MAAM,KAAKZ,mBAAmB,CAACgB,EAA/B,IAAqCb,KAAK,GAAGF,eAAe,CAACK,OAAhB,CAAwBC,GAAzE,EAA8E;AACnFM,MAAAA,cAAc,CAACV,KAAf,GAAuBA,KAAK,GAAGF,eAAe,CAACK,OAAhB,CAAwBC,GAAvD;AACD;AACF;;AACD,SAAOM,cAAP;AACD,CAXD;;AAaA,SAASX,qBAAT,EAAgCQ,mBAAhC","sourcesContent":["import { isUnitTimeInValidRange } from \"./timePickerUtils\";\nimport { TimeFormat, PeriodPickerOptions, TimePickerUnits } from \"./enums\";\n\n/**\n * Gets hours for the passed time format.\n * e.g. 20hours in 12h format is set to 8\n * @param {Number} hours - current hours\n * @param {String} timeFormat - AM/PM\n *\n * @returns {Number} - hours in the correct format\n */\nconst getHoursForTimeFormat = (hours, timeFormat) => {\n  if (timeFormat === TimeFormat.H12) {\n    if (hours == null || hours === 0) {\n      return TimePickerUnits.HOUR_12.max;\n    }\n    if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_12.type)) {\n      return hours;\n    }\n    if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_24.type)) {\n      return hours - TimePickerUnits.HOUR_12.max;\n    }\n  }\n  return hours;\n};\n\n/**\n * Gets the time in 24h format\n * e.g. 08:00:00:PM in 12h format is set to 20:00:00\n * @param {Object} time - object with hours, minutes, seconds and period\n * @param {String} timeFormat - AM/PM\n *\n * @returns {Object} - time object (hours, minutes, seconds and period) with the hours set\n * into the correct format\n */\nconst getTimeWithFormat24 = (time, timeFormat) => {\n  const { hours, period } = time;\n  const timeIn24Format = { ...time };\n  if (timeFormat === TimeFormat.H12) {\n    if (period === PeriodPickerOptions.AM && hours === TimePickerUnits.HOUR_12.max) {\n      timeIn24Format.hours = TimePickerUnits.HOUR_24.min;\n    } else if (period === PeriodPickerOptions.PM && hours < TimePickerUnits.HOUR_12.max) {\n      timeIn24Format.hours = hours + TimePickerUnits.HOUR_12.max;\n    }\n  }\n  return timeIn24Format;\n};\n\nexport { getHoursForTimeFormat, getTimeWithFormat24 };\n"],"file":"timePickerConverter.js"}

package/dist/legacy/TimePicker/timePickerFormatter.js

@@ -0,0 +1,66 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.array.concat.js";
+import { TimeFormat, PeriodPickerOptions } from "./enums";
+import { getHoursForTimeFormat } from "./timePickerConverter";
+/**
+ * Pads the unit time values so that they always have two digits
+ * @param {Number} value - unit time value
+ * @returns The unit time value with two digits
+ */
+
+var padTime = function padTime(value) {
+  if (value == null || value === "" || value < 0) {
+    return value === null || value === void 0 ? void 0 : value.toString();
+  }
+
+  if (value < 10 && value.toString().length === 1) {
+    return "0".concat(value.toString());
+  }
+
+  return value.toString();
+};
+/**
+ * Gets the time format for a given locale
+ * @param {String} locale - locale
+ * @returns {TimeFormat} the time format for the given locale (12 or 24)
+ */
+
+
+var getTimeFormatForLocale = function getTimeFormatForLocale(locale) {
+  var options = {
+    hour: "numeric"
+  };
+  var dateTimeFormat = new Intl.DateTimeFormat(locale, options);
+  var isInHour12Format = dateTimeFormat.resolvedOptions().hour12;
+  return isInHour12Format ? TimeFormat.H12 : TimeFormat.H24;
+};
+/**
+ * Formats the time to be rendered
+ * @param {Object} time - time object to be rendered
+ * @param {Number} time.hours - hours
+ * @param {Number} time.minutes - minutes
+ * @param {Number} time.seconds - seconds
+ * @param {String} time.period - period (am/pm). It is undefined when the time is to be shown in 24h format
+ *
+ * @returns {String} formatted time
+ */
+
+
+var getFormattedTime = function getFormattedTime(time, timeFormat) {
+  var hours = time.hours,
+      minutes = time.minutes,
+      seconds = time.seconds,
+      period = time.period;
+  var isInHour12Format = timeFormat === TimeFormat.H12 || timeFormat == null && period != null;
+
+  if (isInHour12Format) {
+    var p = period !== null && period !== void 0 ? period : hours > 12 ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
+    return "".concat(padTime(getHoursForTimeFormat(hours, TimeFormat.H12)), ":").concat(padTime(minutes), ":").concat(padTime(seconds), " ").concat(p);
+  }
+
+  return "".concat(padTime(hours), ":").concat(padTime(minutes), ":").concat(padTime(seconds));
+};
+
+export { padTime, getFormattedTime, getTimeFormatForLocale };
+//# sourceMappingURL=timePickerFormatter.js.map

package/dist/legacy/TimePicker/timePickerFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/timePickerFormatter.js"],"names":["TimeFormat","PeriodPickerOptions","getHoursForTimeFormat","padTime","value","toString","length","getTimeFormatForLocale","locale","options","hour","dateTimeFormat","Intl","DateTimeFormat","isInHour12Format","resolvedOptions","hour12","H12","H24","getFormattedTime","time","timeFormat","hours","minutes","seconds","period","p","PM","AM"],"mappings":";;;AAAA,SAASA,UAAT,EAAqBC,mBAArB,QAAgD,SAAhD;AACA,SAASC,qBAAT,QAAsC,uBAAtC;AAEA;AACA;AACA;AACA;AACA;;AACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,MAAIA,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAA3B,IAAiCA,KAAK,GAAG,CAA7C,EAAgD;AAC9C,WAAOA,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEC,QAAP,EAAP;AACD;;AACD,MAAID,KAAK,GAAG,EAAR,IAAcA,KAAK,CAACC,QAAN,GAAiBC,MAAjB,KAA4B,CAA9C,EAAiD;AAC/C,sBAAWF,KAAK,CAACC,QAAN,EAAX;AACD;;AACD,SAAOD,KAAK,CAACC,QAAN,EAAP;AACD,CARD;AAUA;AACA;AACA;AACA;AACA;;;AACA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,MAAD,EAAY;AACzC,MAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE;AADQ,GAAhB;AAGA,MAAMC,cAAc,GAAG,IAAIC,IAAI,CAACC,cAAT,CAAwBL,MAAxB,EAAgCC,OAAhC,CAAvB;AACA,MAAMK,gBAAgB,GAAGH,cAAc,CAACI,eAAf,GAAiCC,MAA1D;AACA,SAAOF,gBAAgB,GAAGd,UAAU,CAACiB,GAAd,GAAoBjB,UAAU,CAACkB,GAAtD;AACD,CAPD;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,UAAP,EAAsB;AAC7C,MAAQC,KAAR,GAA4CF,IAA5C,CAAQE,KAAR;AAAA,MAAeC,OAAf,GAA4CH,IAA5C,CAAeG,OAAf;AAAA,MAAwBC,OAAxB,GAA4CJ,IAA5C,CAAwBI,OAAxB;AAAA,MAAiCC,MAAjC,GAA4CL,IAA5C,CAAiCK,MAAjC;AAEA,MAAMX,gBAAgB,GAAGO,UAAU,KAAKrB,UAAU,CAACiB,GAA1B,IAAkCI,UAAU,IAAI,IAAd,IAAsBI,MAAM,IAAI,IAA3F;;AAEA,MAAIX,gBAAJ,EAAsB;AACpB,QAAMY,CAAC,GAAGD,MAAH,aAAGA,MAAH,cAAGA,MAAH,GAAcH,KAAK,GAAG,EAAR,GAAarB,mBAAmB,CAAC0B,EAAjC,GAAsC1B,mBAAmB,CAAC2B,EAA/E;AACA,qBAAUzB,OAAO,CAACD,qBAAqB,CAACoB,KAAD,EAAQtB,UAAU,CAACiB,GAAnB,CAAtB,CAAjB,cAAmEd,OAAO,CAACoB,OAAD,CAA1E,cAAuFpB,OAAO,CAC5FqB,OAD4F,CAA9F,cAEKE,CAFL;AAGD;;AAED,mBAAUvB,OAAO,CAACmB,KAAD,CAAjB,cAA4BnB,OAAO,CAACoB,OAAD,CAAnC,cAAgDpB,OAAO,CAACqB,OAAD,CAAvD;AACD,CAbD;;AAeA,SAASrB,OAAT,EAAkBgB,gBAAlB,EAAoCZ,sBAApC","sourcesContent":["import { TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getHoursForTimeFormat } from \"./timePickerConverter\";\n\n/**\n * Pads the unit time values so that they always have two digits\n * @param {Number} value - unit time value\n * @returns The unit time value with two digits\n */\nconst padTime = (value) => {\n  if (value == null || value === \"\" || value < 0) {\n    return value?.toString();\n  }\n  if (value < 10 && value.toString().length === 1) {\n    return `0${value.toString()}`;\n  }\n  return value.toString();\n};\n\n/**\n * Gets the time format for a given locale\n * @param {String} locale - locale\n * @returns {TimeFormat} the time format for the given locale (12 or 24)\n */\nconst getTimeFormatForLocale = (locale) => {\n  const options = {\n    hour: \"numeric\",\n  };\n  const dateTimeFormat = new Intl.DateTimeFormat(locale, options);\n  const isInHour12Format = dateTimeFormat.resolvedOptions().hour12;\n  return isInHour12Format ? TimeFormat.H12 : TimeFormat.H24;\n};\n\n/**\n * Formats the time to be rendered\n * @param {Object} time - time object to be rendered\n * @param {Number} time.hours - hours\n * @param {Number} time.minutes - minutes\n * @param {Number} time.seconds - seconds\n * @param {String} time.period - period (am/pm). It is undefined when the time is to be shown in 24h format\n *\n * @returns {String} formatted time\n */\nconst getFormattedTime = (time, timeFormat) => {\n  const { hours, minutes, seconds, period } = time;\n\n  const isInHour12Format = timeFormat === TimeFormat.H12 || (timeFormat == null && period != null);\n\n  if (isInHour12Format) {\n    const p = period ?? (hours > 12 ? PeriodPickerOptions.PM : PeriodPickerOptions.AM);\n    return `${padTime(getHoursForTimeFormat(hours, TimeFormat.H12))}:${padTime(minutes)}:${padTime(\n      seconds\n    )} ${p}`;\n  }\n\n  return `${padTime(hours)}:${padTime(minutes)}:${padTime(seconds)}`;\n};\n\nexport { padTime, getFormattedTime, getTimeFormatForLocale };\n"],"file":"timePickerFormatter.js"}

package/dist/legacy/TimePicker/timePickerUtils.js

@@ -0,0 +1,29 @@
+import "core-js/modules/es.array.concat.js";
+import { PeriodPickerOptions, TimePickerUnits } from "./enums";
+/**
+ * Gets the period(am/pm) for a given time
+ * @param {Date} date - Date to get the period from. The default date is the current one.
+ * @returns {String} - AM or PM
+ */
+
+var getPeriodForDate = function getPeriodForDate() {
+  var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+  var hours = date.getHours();
+  return hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM;
+};
+/**
+ * Checks if the unit time value is inside the acceptable range
+ *
+ * @param {Number} value - unit time value
+ * @param {String} type - unit time type. One of the TimePickerUnits types.
+ */
+
+
+var isUnitTimeInValidRange = function isUnitTimeInValidRange(value, type) {
+  var timeUnit = TimePickerUnits[type];
+  console.log("type = ".concat(type, ", timeUnit: ").concat(timeUnit));
+  return value !== "" && value >= timeUnit.min && value <= timeUnit.max;
+};
+
+export { getPeriodForDate, isUnitTimeInValidRange };
+//# sourceMappingURL=timePickerUtils.js.map

package/dist/legacy/TimePicker/timePickerUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/timePickerUtils.js"],"names":["PeriodPickerOptions","TimePickerUnits","getPeriodForDate","date","Date","hours","getHours","AM","PM","isUnitTimeInValidRange","value","type","timeUnit","console","log","min","max"],"mappings":";AAAA,SAASA,mBAAT,EAA8BC,eAA9B,QAAqD,SAArD;AAEA;AACA;AACA;AACA;AACA;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAuB;AAAA,MAAtBC,IAAsB,uEAAf,IAAIC,IAAJ,EAAe;AAC9C,MAAMC,KAAK,GAAGF,IAAI,CAACG,QAAL,EAAd;AACA,SAAOD,KAAK,GAAG,EAAR,GAAaL,mBAAmB,CAACO,EAAjC,GAAsCP,mBAAmB,CAACQ,EAAjE;AACD,CAHD;AAKA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AAC9C,MAAMC,QAAQ,GAAGX,eAAe,CAACU,IAAD,CAAhC;AACAE,EAAAA,OAAO,CAACC,GAAR,kBAAsBH,IAAtB,yBAAyCC,QAAzC;AACA,SAAOF,KAAK,KAAK,EAAV,IAAgBA,KAAK,IAAIE,QAAQ,CAACG,GAAlC,IAAyCL,KAAK,IAAIE,QAAQ,CAACI,GAAlE;AACD,CAJD;;AAMA,SAASd,gBAAT,EAA2BO,sBAA3B","sourcesContent":["import { PeriodPickerOptions, TimePickerUnits } from \"./enums\";\n\n/**\n * Gets the period(am/pm) for a given time\n * @param {Date} date - Date to get the period from. The default date is the current one.\n * @returns {String} - AM or PM\n */\nconst getPeriodForDate = (date = new Date()) => {\n  const hours = date.getHours();\n  return hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM;\n};\n\n/**\n * Checks if the unit time value is inside the acceptable range\n *\n * @param {Number} value - unit time value\n * @param {String} type - unit time type. One of the TimePickerUnits types.\n */\nconst isUnitTimeInValidRange = (value, type) => {\n  const timeUnit = TimePickerUnits[type];\n  console.log(`type = ${type}, timeUnit: ${timeUnit}`);\n  return value !== \"\" && value >= timeUnit.min && value <= timeUnit.max;\n};\n\nexport { getPeriodForDate, isUnitTimeInValidRange };\n"],"file":"timePickerUtils.js"}

package/dist/modern/SimpleGrid/SimpleGrid.d.ts

@@ -0,0 +1,17 @@
+import { FunctionComponent } from "react";
+
+export type Spacing = "xs" | "sm" | "md" | "lg";
+export type Breakpoints = {
+  cols?: number;
+  maxWidth?: number;
+  minWidth?: number;
+  spacing?: Spacing;
+};
+
+export interface SimpleGridProps extends FunctionComponent {
+  spacing?: Spacing;
+  cols?: number;
+  breakpoints?: Breakpoints;
+}
+
+export default function HvSimpleGrid(props: SimpleGridProps): JSX.Element | null;

package/dist/modern/SimpleGrid/SimpleGrid.js

@@ -0,0 +1,60 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "breakpoints", "spacing", "cols"];
+import React from "react";
+import PropTypes from "prop-types";
+import useStyles from "./styles";
+
+const SimpleGrid = _ref => {
+  let {
+    children,
+    breakpoints,
+    spacing = "sm",
+    cols
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const classes = useStyles({
+    breakpoints,
+    cols,
+    spacing
+  })();
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classes.container
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? SimpleGrid.propTypes = {
+  /**
+   * -
+   */
+  children: PropTypes.node,
+
+  /**
+   * Spacing with pre-defined values according the values defined in the theme
+   */
+  spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"]),
+
+  /**
+   * Provide an array to define responsive behavior:
+   *
+   *    maxWidth or minWidth: max-width or min-width at which media query will work
+   *
+   *    cols: number of columns per row at given max-width
+   *
+   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead
+   */
+  breakpoints: PropTypes.arrayOf(PropTypes.shape({
+    maxWidth: PropTypes.number,
+    minWidth: PropTypes.number,
+    cols: PropTypes.number,
+    spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"])
+  })),
+
+  /**
+   * Number of how many columns the content will be displayed
+   */
+  cols: PropTypes.number
+} : void 0;
+export default SimpleGrid;
+//# sourceMappingURL=SimpleGrid.js.map

package/dist/modern/SimpleGrid/SimpleGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"names":["React","PropTypes","useStyles","SimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,UAAU,GAAG,QAAgE;AAAA,MAA/D;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,WAAZ;AAAyBC,IAAAA,OAAO,GAAG,IAAnC;AAAyCC,IAAAA;AAAzC,GAA+D;AAAA,MAAbC,MAAa;;AACjF,QAAMC,OAAO,GAAGP,SAAS,CAAC;AAAEG,IAAAA,WAAF;AAAeE,IAAAA,IAAf;AAAqBD,IAAAA;AAArB,GAAD,CAAT,EAAhB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEG,OAAO,CAACC;AAAxB,KAAuCF,MAAvC,GACGJ,QADH,CADF;AAKD,CAPD;;AASA,wCAAAD,UAAU,CAACQ,SAAX,GAAuB;AACrB;AACF;AACA;AACEP,EAAAA,QAAQ,EAAEH,SAAS,CAACW,IAJC;;AAKrB;AACF;AACA;AACEN,EAAAA,OAAO,EAAEL,SAAS,CAACY,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB,CARY;;AASrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACER,EAAAA,WAAW,EAAEJ,SAAS,CAACa,OAAV,CACXb,SAAS,CAACc,KAAV,CAAgB;AACdC,IAAAA,QAAQ,EAAEf,SAAS,CAACgB,MADN;AAEdC,IAAAA,QAAQ,EAAEjB,SAAS,CAACgB,MAFN;AAGdV,IAAAA,IAAI,EAAEN,SAAS,CAACgB,MAHF;AAIdX,IAAAA,OAAO,EAAEL,SAAS,CAACY,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB;AAJK,GAAhB,CADW,CAlBQ;;AA0BrB;AACF;AACA;AACEN,EAAAA,IAAI,EAAEN,SAAS,CAACgB;AA7BK,CAAvB;AAgCA,eAAed,UAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport useStyles from \"./styles\";\n\nconst SimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default SimpleGrid;\n"],"file":"SimpleGrid.js"}

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

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

package/dist/modern/SimpleGrid/index.js

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

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

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

package/dist/modern/SimpleGrid/styles.js

@@ -0,0 +1,68 @@
+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 "core-js/modules/web.dom-collections.iterator.js";
+import { makeStyles } from "@material-ui/core";
+
+function size(props) {
+  if (typeof props.size === "number") {
+    return props.size;
+  }
+
+  return props.sizes[props.size] || props.size || props.sizes.md;
+}
+
+function getSortedBreakpoints(theme, breakpoints) {
+  if (breakpoints.length === 0) {
+    return breakpoints;
+  }
+
+  const property = "maxWidth" in breakpoints[0] ? "maxWidth" : "minWidth";
+  const sorted = [...breakpoints].sort((a, b) => size({
+    size: b[property],
+    sizes: theme.breakpoints
+  }) - size({
+    size: a[property],
+    sizes: theme.breakpoints
+  }));
+  return property === "minWidth" ? sorted.reverse() : sorted;
+}
+
+const styles = props => makeStyles(theme => {
+  const {
+    breakpoints,
+    spacing,
+    cols
+  } = props;
+  let gridBreakpoints = null;
+
+  if (breakpoints) {
+    gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {
+      const property = "maxWidth" in breakpoint ? "max-width" : "min-width";
+      const breakpointSize = size({
+        size: property === "max-width" ? breakpoint.maxWidth : breakpoint.minWidth,
+        sizes: theme.breakpoints
+      });
+      acc[`@media (${property}: ${breakpointSize + (property === "max-width" ? 0 : 1)}px)`] = {
+        gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,
+        gap: theme.hv.spacing[spacing]
+      };
+      return acc;
+    }, {});
+  }
+
+  return {
+    container: _objectSpread({
+      boxSizing: "border-box",
+      display: "grid",
+      gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
+      gap: theme.hv.spacing[spacing]
+    }, gridBreakpoints)
+  };
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SimpleGrid/styles.js"],"names":["makeStyles","size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"mappings":";;;;;;;AAAA,SAASA,UAAT,QAA2B,mBAA3B;;AAEA,SAASC,IAAT,CAAcC,KAAd,EAAqB;AACnB,MAAI,OAAOA,KAAK,CAACD,IAAb,KAAsB,QAA1B,EAAoC;AAClC,WAAOC,KAAK,CAACD,IAAb;AACD;;AAED,SAAOC,KAAK,CAACC,KAAN,CAAYD,KAAK,CAACD,IAAlB,KAA2BC,KAAK,CAACD,IAAjC,IAAyCC,KAAK,CAACC,KAAN,CAAYC,EAA5D;AACD;;AAED,SAASC,oBAAT,CAA8BC,KAA9B,EAAqCC,WAArC,EAAkD;AAChD,MAAIA,WAAW,CAACC,MAAZ,KAAuB,CAA3B,EAA8B;AAC5B,WAAOD,WAAP;AACD;;AAED,QAAME,QAAQ,GAAG,cAAcF,WAAW,CAAC,CAAD,CAAzB,GAA+B,UAA/B,GAA4C,UAA7D;AACA,QAAMG,MAAM,GAAG,CAAC,GAAGH,WAAJ,EAAiBI,IAAjB,CACb,CAACC,CAAD,EAAIC,CAAJ,KACEZ,IAAI,CAAC;AAAEA,IAAAA,IAAI,EAAEY,CAAC,CAACJ,QAAD,CAAT;AAAqBN,IAAAA,KAAK,EAAEG,KAAK,CAACC;AAAlC,GAAD,CAAJ,GACAN,IAAI,CAAC;AAAEA,IAAAA,IAAI,EAAEW,CAAC,CAACH,QAAD,CAAT;AAAqBN,IAAAA,KAAK,EAAEG,KAAK,CAACC;AAAlC,GAAD,CAHO,CAAf;AAMA,SAAOE,QAAQ,KAAK,UAAb,GAA0BC,MAAM,CAACI,OAAP,EAA1B,GAA6CJ,MAApD;AACD;;AAED,MAAMK,MAAM,GAAIb,KAAD,IACbF,UAAU,CAAEM,KAAD,IAAW;AACpB,QAAM;AAAEC,IAAAA,WAAF;AAAeS,IAAAA,OAAf;AAAwBC,IAAAA;AAAxB,MAAiCf,KAAvC;AACA,MAAIgB,eAAe,GAAG,IAAtB;;AACA,MAAIX,WAAJ,EAAiB;AACfW,IAAAA,eAAe,GAAGb,oBAAoB,CAACC,KAAD,EAAQC,WAAR,CAApB,CAAyCY,MAAzC,CAAgD,CAACC,GAAD,EAAMC,UAAN,KAAqB;AACrF,YAAMZ,QAAQ,GAAG,cAAcY,UAAd,GAA2B,WAA3B,GAAyC,WAA1D;AACA,YAAMC,cAAc,GAAGrB,IAAI,CAAC;AAC1BA,QAAAA,IAAI,EAAEQ,QAAQ,KAAK,WAAb,GAA2BY,UAAU,CAACE,QAAtC,GAAiDF,UAAU,CAACG,QADxC;AAE1BrB,QAAAA,KAAK,EAAEG,KAAK,CAACC;AAFa,OAAD,CAA3B;AAKAa,MAAAA,GAAG,CAAE,WAAUX,QAAS,KAAIa,cAAc,IAAIb,QAAQ,KAAK,WAAb,GAA2B,CAA3B,GAA+B,CAAnC,CAAsC,KAA7E,CAAH,GAAwF;AACtFgB,QAAAA,mBAAmB,EAAG,UAASJ,UAAU,CAACJ,IAAK,mBADuC;AAEtFS,QAAAA,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;AAFiF,OAAxF;AAKA,aAAOI,GAAP;AACD,KAbiB,EAaf,EAbe,CAAlB;AAcD;;AAED,SAAO;AACLQ,IAAAA,SAAS;AACPC,MAAAA,SAAS,EAAE,YADJ;AAEPC,MAAAA,OAAO,EAAE,MAFF;AAGPL,MAAAA,mBAAmB,EAAG,UAASR,IAAK,mBAH7B;AAIPS,MAAAA,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;AAJE,OAKJE,eALI;AADJ,GAAP;AASD,CA7BS,CADZ;;AAgCA,eAAeH,MAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js

@@ -0,0 +1,75 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { DropUpXS as UpIcon, DropDownXS as DownIcon } from "@hitachivantara/uikit-react-icons";
+import { HvToggleButton } from "../..";
+import { PeriodPickerOptions } from "../enums";
+
+const PeriodPicker = props => {
+  const {
+    classes,
+    period,
+    onChangePeriod
+  } = props;
+  const [currentPeriod, setCurrentPeriod] = useState(period !== null && period !== void 0 ? period : PeriodPickerOptions.AM);
+  /**
+   * Gets the new value for the period
+   * @returns the new value for the period
+   * @memberof UnitTimePicker
+   */
+
+  const selectDifferentPeriod = () => {
+    return currentPeriod === PeriodPickerOptions.AM ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
+  };
+  /**
+   * Handles the period change
+   * @memberof PeriodPicker
+   */
+
+
+  const handleChangePeriod = () => {
+    const newPeriod = selectDifferentPeriod();
+    setCurrentPeriod(newPeriod);
+    onChangePeriod(newPeriod);
+  };
+  /**
+   * Renders the PeriodPicker
+   * @memberof UnitTimePicker
+   */
+
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.periodContainer
+  }, /*#__PURE__*/React.createElement(UpIcon, {
+    className: classes.icon,
+    onClick: handleChangePeriod
+  }), /*#__PURE__*/React.createElement(HvToggleButton, {
+    className: classes.periodToggle,
+    selected: currentPeriod === PeriodPickerOptions.PM,
+    onClick: handleChangePeriod
+  }, currentPeriod), /*#__PURE__*/React.createElement(DownIcon, {
+    className: clsx(classes.icon, classes.subtractIcon),
+    onClick: handleChangePeriod
+  }));
+}; // }
+
+
+process.env.NODE_ENV !== "production" ? PeriodPicker.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the input/popper
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Callback function called when the period value changes
+   */
+  onChangePeriod: PropTypes.func.isRequired,
+
+  /**
+   * Default period value
+   */
+  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM])
+} : void 0;
+export default PeriodPicker;
+//# sourceMappingURL=PeriodPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"names":["React","useState","PropTypes","clsx","DropUpXS","UpIcon","DropDownXS","DownIcon","HvToggleButton","PeriodPickerOptions","PeriodPicker","props","classes","period","onChangePeriod","currentPeriod","setCurrentPeriod","AM","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","subtractIcon","propTypes","instanceOf","Object","isRequired","func","oneOf"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,QAAQ,IAAIC,MAArB,EAA6BC,UAAU,IAAIC,QAA3C,QAA2D,mCAA3D;AACA,SAASC,cAAT,QAA+B,OAA/B;AACA,SAASC,mBAAT,QAAoC,UAApC;;AAEA,MAAMC,YAAY,GAAIC,KAAD,IAAW;AAC9B,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,MAAX;AAAmBC,IAAAA;AAAnB,MAAsCH,KAA5C;AACA,QAAM,CAACI,aAAD,EAAgBC,gBAAhB,IAAoCf,QAAQ,CAACY,MAAD,aAACA,MAAD,cAACA,MAAD,GAAWJ,mBAAmB,CAACQ,EAA/B,CAAlD;AAEA;AACF;AACA;AACA;AACA;;AACE,QAAMC,qBAAqB,GAAG,MAAM;AAClC,WAAOH,aAAa,KAAKN,mBAAmB,CAACQ,EAAtC,GACHR,mBAAmB,CAACU,EADjB,GAEHV,mBAAmB,CAACQ,EAFxB;AAGD,GAJD;AAMA;AACF;AACA;AACA;;;AACE,QAAMG,kBAAkB,GAAG,MAAM;AAC/B,UAAMC,SAAS,GAAGH,qBAAqB,EAAvC;AACAF,IAAAA,gBAAgB,CAACK,SAAD,CAAhB;AACAP,IAAAA,cAAc,CAACO,SAAD,CAAd;AACD,GAJD;AAMA;AACF;AACA;AACA;;;AACE,sBACE;AAAK,IAAA,SAAS,EAAET,OAAO,CAACU;AAAxB,kBACE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAEV,OAAO,CAACW,IAA3B;AAAiC,IAAA,OAAO,EAAEH;AAA1C,IADF,eAEE,oBAAC,cAAD;AACE,IAAA,SAAS,EAAER,OAAO,CAACY,YADrB;AAEE,IAAA,QAAQ,EAAET,aAAa,KAAKN,mBAAmB,CAACU,EAFlD;AAGE,IAAA,OAAO,EAAEC;AAHX,KAKGL,aALH,CAFF,eASE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEZ,IAAI,CAACS,OAAO,CAACW,IAAT,EAAeX,OAAO,CAACa,YAAvB,CAAzB;AAA+D,IAAA,OAAO,EAAEL;AAAxE,IATF,CADF;AAaD,CA1CD,C,CA2CA;;;AAEA,wCAAAV,YAAY,CAACgB,SAAb,GAAyB;AACvB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEV,SAAS,CAACyB,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;AAKvB;AACF;AACA;AACEf,EAAAA,cAAc,EAAEZ,SAAS,CAAC4B,IAAV,CAAeD,UARR;;AASvB;AACF;AACA;AACEhB,EAAAA,MAAM,EAAEX,SAAS,CAAC6B,KAAV,CAAgB,CAACtB,mBAAmB,CAACQ,EAArB,EAAyBR,mBAAmB,CAACU,EAA7C,CAAhB;AAZe,CAAzB;AAeA,eAAeT,YAAf","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { HvToggleButton } from \"../..\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nconst PeriodPicker = (props) => {\n  const { classes, period, onChangePeriod } = props;\n  const [currentPeriod, setCurrentPeriod] = useState(period ?? PeriodPickerOptions.AM);\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  const selectDifferentPeriod = () => {\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  const handleChangePeriod = () => {\n    const newPeriod = selectDifferentPeriod();\n    setCurrentPeriod(newPeriod);\n    onChangePeriod(newPeriod);\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  return (\n    <div className={classes.periodContainer}>\n      <UpIcon className={classes.icon} onClick={handleChangePeriod} />\n      <HvToggleButton\n        className={classes.periodToggle}\n        selected={currentPeriod === PeriodPickerOptions.PM}\n        onClick={handleChangePeriod}\n      >\n        {currentPeriod}\n      </HvToggleButton>\n      <DownIcon className={clsx(classes.icon, classes.subtractIcon)} onClick={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\nexport default PeriodPicker;\n"],"file":"PeriodPicker.js"}

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

@@ -0,0 +1,7 @@
+import withStyles from "@material-ui/core/styles/withStyles";
+import styles from "./styles";
+import PeriodPicker from "./PeriodPicker";
+export default withStyles(styles, {
+  name: "HvTimePickerPeriodPicker"
+})(PeriodPicker);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/PeriodPicker/index.js"],"names":["withStyles","styles","PeriodPicker","name"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;AAAEE,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDD,YAAzD,CAAf","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"],"file":"index.js"}

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

@@ -0,0 +1,22 @@
+const styles = theme => ({
+  periodContainer: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    marginLeft: 8
+  },
+  periodToggle: {
+    height: "40px",
+    width: "40px"
+  },
+  icon: {
+    cursor: "pointer"
+  },
+  subtractIcon: {
+    marginTop: `${theme.hv.spacing.xs}px`
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/PeriodPicker/styles.js"],"names":["styles","theme","periodContainer","display","flexDirection","justifyContent","alignItems","marginLeft","periodToggle","height","width","icon","cursor","subtractIcon","marginTop","hv","spacing","xs"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,OAAO,EAAE,MADM;AAEfC,IAAAA,aAAa,EAAE,QAFA;AAGfC,IAAAA,cAAc,EAAE,QAHD;AAIfC,IAAAA,UAAU,EAAE,QAJG;AAKfC,IAAAA,UAAU,EAAE;AALG,GADQ;AAQzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,MAAM,EAAE,MADI;AAEZC,IAAAA,KAAK,EAAE;AAFK,GARW;AAYzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE;AADJ,GAZmB;AAezBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAG,GAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAAG;AADtB;AAfW,CAAZ,CAAf;;AAoBA,eAAejB,MAAf","sourcesContent":["const styles = (theme) => ({\n  periodContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    marginLeft: 8,\n  },\n  periodToggle: {\n    height: \"40px\",\n    width: \"40px\",\n  },\n  icon: {\n    cursor: \"pointer\",\n  },\n  subtractIcon: {\n    marginTop: `${theme.hv.spacing.xs}px`,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/TimePicker/TimePicker.d.ts

@@ -0,0 +1,140 @@
+import { StandardProps } from "@material-ui/core";
+import { HvFormElementProps, HvBaseDropdownProps } from "..";
+
+export type HvTimePickerClassKey =
+  | "root"
+  | "input"
+  | "label"
+  | "timePopperContainer"
+  | "separator"
+  | "periodContainer"
+  | "formElementRoot"
+  | "dropdownPlaceholder"
+  | "iconBaseRoot"
+  | "error"
+  | "labelContainer"
+  | "description"
+  | "dropdownHeaderInvalid"
+  | "dropdownPlaceholderDisabled"
+  | "dropdownHeaderOpen";
+
+export interface HvTimePickerValue {
+  hours: number;
+  minutes: number;
+  seconds: number;
+  period?: "AM" | "PM";
+}
+export interface HvTimePickerProps
+  extends StandardProps<
+    HvFormElementProps,
+    HvTimePickerClassKey,
+    "onChange" | "value" | "defaultValue" | "readOnly"
+  > {
+  /**
+   * Id to be applied to the form element root node.
+   */
+  id?: string;
+
+  /**
+   * Current value of the form element.
+   */
+  value?: HvTimePickerValue | null | undefined;
+  /**
+   * When uncontrolled, defines the initial value.
+   */
+  defaultValue?: HvTimePickerValue | null | undefined;
+
+  /**
+   * The placeholder value when no time is selected.
+   */
+  placeholder?: string;
+
+  /**
+   * The placeholder of the hours input.
+   */
+  hoursPlaceholder?: string;
+  /**
+   * The placeholder of the minutes input.
+   */
+  minutesPlaceholder?: string;
+  /**
+   * The placeholder of the seconds input.
+   */
+  secondsPlaceholder?: string;
+
+  /**
+   * 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" | 12 | 24 | undefined;
+  /**
+   * Locale that will provide the time format(12 or 24 hour format)
+   * It is "overwritten" by the timeFormat prop
+   */
+  locale?: string;
+
+  /**
+   * Allow starting with an empty value by not defaulting to the current time.
+   * This should become the default behavior when the component is promoted to core.
+   */
+  disableDefaultValue?: boolean;
+
+  /**
+   * Default value for the hours picker
+   * @deprecated use defaultValue instead
+   */
+  hours?: number;
+  /**
+   * Default value for the minutes picker
+   * @deprecated use defaultValue instead
+   */
+  minutes?: number;
+  /**
+   * Default value for the seconds picker
+   * @deprecated use defaultValue instead
+   */
+  seconds?: number;
+  /**
+   * Default value for the period picker
+   * @deprecated use defaultValue instead
+   */
+  period?: "AM" | "PM";
+
+  /**
+   * 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: HvTimePickerValue) => void;
+
+  /**
+   * Callback called when dropdown changes the expanded state.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).
+   */
+  onToggle?: (event: Event, open: boolean) => void;
+
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+
+  /**
+   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.
+   */
+  escapeWithReference?: boolean;
+
+  /**
+   * Extra properties to be passed to the timepicker dropdown.
+   */
+  dropdownProps?: HvBaseDropdownProps;
+}
+
+export default function HvTimePicker(props: HvTimePickerProps): JSX.Element | null;