@hitachivantara/uikit-react-lab 3.52.2 → 4.0.1-next.0

package/dist/modern/Tag/styles.js

@@ -1,101 +0,0 @@
-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; }
-
-export const outlineStyles = {
-  outlineColor: "#52A8EC",
-  outlineStyle: "solid",
-  outlineWidth: "0px",
-  outlineOffset: "-1px",
-  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
-};
-
-const styles = theme => ({
-  root: {
-    position: "relative",
-    cursor: "pointer",
-    display: "flex",
-    justifyContent: "center",
-    flexWrap: "wrap",
-    backgroundColor: theme.hv.palette.semantic.sema7,
-    margin: "0 8px 8px 0",
-    float: "left",
-    minWidth: 70,
-    padding: theme.hvSpacing(0, "xs"),
-    height: 20,
-    minHeight: 20,
-    textAlign: "center",
-    " &:hover": {
-      "&:not(disabled)": {
-        "& > div svg": _objectSpread({
-          backgroundColor: theme.hv.palette.atmosphere.atmo4
-        }, outlineStyles),
-        "&:focus": {
-          "& > div svg": _objectSpread({
-            backgroundColor: theme.hv.palette.atmosphere.atmo4
-          }, outlineStyles)
-        }
-      }
-    }
-  },
-
-  /* Styles applied to the label `span` element. */
-  label: {
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    paddingLeft: 12,
-    paddingRight: 12,
-    whiteSpace: "nowrap",
-    maxWidth: 200,
-    minHeight: 20
-  },
-  square: {
-    borderRadius: 2
-  },
-  round: {
-    borderRadius: 28
-  },
-  deleteIcon: {
-    WebkitTapHighlightColor: "transparent",
-    height: 10,
-    width: 12,
-    cursor: "pointer",
-    color: "white",
-    "&:hover": {
-      "& *": _objectSpread({
-        backgroundColor: theme.palette.atmo3
-      }, outlineStyles)
-    }
-  },
-  focusVisible: {},
-  disabled: {
-    color: theme.hv.palette.atmosphere.atmo5,
-    cursor: "not-allowed",
-    PointerEvent: "none",
-    opacity: 1,
-    "&:hover": {
-      color: theme.hv.palette.atmosphere.atmo5,
-      border: `transparent`
-    },
-    "&$focusVisible": _objectSpread({
-      backgroundColor: theme.palette.atmo3
-    }, outlineStyles)
-  },
-  informational: {
-    backgroundColor: theme.hv.palette.semantic.sema7
-  },
-  success: {
-    backgroundColor: theme.hv.palette.semantic.sema8
-  },
-  warning: {
-    backgroundColor: theme.hv.palette.semantic.sema20
-  },
-  error: {
-    backgroundColor: theme.hv.palette.semantic.sema9
-  }
-});
-
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","position","cursor","display","justifyContent","flexWrap","backgroundColor","hv","palette","semantic","sema7","margin","float","minWidth","padding","hvSpacing","height","minHeight","textAlign","atmosphere","atmo4","label","overflow","textOverflow","paddingLeft","paddingRight","whiteSpace","maxWidth","square","borderRadius","round","deleteIcon","WebkitTapHighlightColor","width","color","atmo3","focusVisible","disabled","atmo5","PointerEvent","opacity","border","informational","success","sema8","warning","sema20","error","sema9"],"sources":["../../../src/Tag/styles.js"],"sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    margin: \"0 8px 8px 0\",\n    float: \"left\",\n    minWidth: 70,\n    padding: theme.hvSpacing(0, \"xs\"),\n    height: 20,\n    minHeight: 20,\n    textAlign: \"center\",\n    \" &:hover\": {\n      \"&:not(disabled)\": {\n        \"& > div svg\": {\n          backgroundColor: theme.hv.palette.atmosphere.atmo4,\n          ...outlineStyles,\n        },\n        \"&:focus\": {\n          \"& > div svg\": {\n            backgroundColor: theme.hv.palette.atmosphere.atmo4,\n            ...outlineStyles,\n          },\n        },\n      },\n    },\n  },\n  /* Styles applied to the label `span` element. */\n  label: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    paddingLeft: 12,\n    paddingRight: 12,\n    whiteSpace: \"nowrap\",\n    maxWidth: 200,\n    minHeight: 20,\n  },\n  square: {\n    borderRadius: 2,\n  },\n  round: {\n    borderRadius: 28,\n  },\n\n  deleteIcon: {\n    WebkitTapHighlightColor: \"transparent\",\n    height: 10,\n    width: 12,\n    cursor: \"pointer\",\n    color: \"white\",\n    \"&:hover\": {\n      \"& *\": {\n        backgroundColor: theme.palette.atmo3,\n        ...outlineStyles,\n      },\n    },\n  },\n  focusVisible: {},\n  disabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n    cursor: \"not-allowed\",\n    PointerEvent: \"none\",\n    opacity: 1,\n    \"&:hover\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n      border: `transparent`,\n    },\n    \"&$focusVisible\": {\n      backgroundColor: theme.palette.atmo3,\n      ...outlineStyles,\n    },\n  },\n  informational: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  warning: {\n    backgroundColor: theme.hv.palette.semantic.sema20,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n});\nexport default styles;\n"],"mappings":";;;;;;AAAA,OAAO,MAAMA,aAAa,GAAG;EAC3BC,YAAY,EAAE,SADa;EAE3BC,YAAY,EAAE,OAFa;EAG3BC,YAAY,EAAE,KAHa;EAI3BC,aAAa,EAAE,MAJY;EAK3BC,SAAS,EAAE;AALgB,CAAtB;;AAQP,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,QAAQ,EAAE,UADN;IAEJC,MAAM,EAAE,SAFJ;IAGJC,OAAO,EAAE,MAHL;IAIJC,cAAc,EAAE,QAJZ;IAKJC,QAAQ,EAAE,MALN;IAMJC,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KANvC;IAOJC,MAAM,EAAE,aAPJ;IAQJC,KAAK,EAAE,MARH;IASJC,QAAQ,EAAE,EATN;IAUJC,OAAO,EAAEf,KAAK,CAACgB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAVL;IAWJC,MAAM,EAAE,EAXJ;IAYJC,SAAS,EAAE,EAZP;IAaJC,SAAS,EAAE,QAbP;IAcJ,YAAY;MACV,mBAAmB;QACjB;UACEZ,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBW,UAAjB,CAA4BC;QAD/C,GAEK5B,aAFL,CADiB;QAKjB,WAAW;UACT;YACEc,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBW,UAAjB,CAA4BC;UAD/C,GAEK5B,aAFL;QADS;MALM;IADT;EAdR,CADmB;;EA8BzB;EACA6B,KAAK,EAAE;IACLC,QAAQ,EAAE,QADL;IAELC,YAAY,EAAE,UAFT;IAGLC,WAAW,EAAE,EAHR;IAILC,YAAY,EAAE,EAJT;IAKLC,UAAU,EAAE,QALP;IAMLC,QAAQ,EAAE,GANL;IAOLV,SAAS,EAAE;EAPN,CA/BkB;EAwCzBW,MAAM,EAAE;IACNC,YAAY,EAAE;EADR,CAxCiB;EA2CzBC,KAAK,EAAE;IACLD,YAAY,EAAE;EADT,CA3CkB;EA+CzBE,UAAU,EAAE;IACVC,uBAAuB,EAAE,aADf;IAEVhB,MAAM,EAAE,EAFE;IAGViB,KAAK,EAAE,EAHG;IAIV/B,MAAM,EAAE,SAJE;IAKVgC,KAAK,EAAE,OALG;IAMV,WAAW;MACT;QACE5B,eAAe,EAAEP,KAAK,CAACS,OAAN,CAAc2B;MADjC,GAEK3C,aAFL;IADS;EAND,CA/Ca;EA4DzB4C,YAAY,EAAE,EA5DW;EA6DzBC,QAAQ,EAAE;IACRH,KAAK,EAAEnC,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBW,UAAjB,CAA4BmB,KAD3B;IAERpC,MAAM,EAAE,aAFA;IAGRqC,YAAY,EAAE,MAHN;IAIRC,OAAO,EAAE,CAJD;IAKR,WAAW;MACTN,KAAK,EAAEnC,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBW,UAAjB,CAA4BmB,KAD1B;MAETG,MAAM,EAAG;IAFA,CALH;IASR;MACEnC,eAAe,EAAEP,KAAK,CAACS,OAAN,CAAc2B;IADjC,GAEK3C,aAFL;EATQ,CA7De;EA2EzBkD,aAAa,EAAE;IACbpC,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;EAD9B,CA3EU;EA8EzBiC,OAAO,EAAE;IACPrC,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BmC;EADpC,CA9EgB;EAiFzBC,OAAO,EAAE;IACPvC,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BqC;EADpC,CAjFgB;EAoFzBC,KAAK,EAAE;IACLzC,eAAe,EAAEP,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BuC;EADtC;AApFkB,CAAZ,CAAf;;AAwFA,eAAelD,MAAf"}

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

@@ -1,88 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { HvToggleButton } from "@hitachivantara/uikit-react-core";
-import { DropUpXS as UpIcon, DropDownXS as DownIcon } from "@hitachivantara/uikit-react-icons";
-import { PeriodPickerOptions } from "../enums";
-
-class PeriodPicker extends React.Component {
-  constructor(props) {
-    var _props$period;
-
-    super(props);
-
-    _defineProperty(this, "handleChangePeriod", () => {
-      const {
-        onChangePeriod
-      } = this.props;
-      const period = this.selectDifferentPeriod();
-      this.setState({
-        currentPeriod: period
-      });
-      onChangePeriod(period);
-    });
-
-    _defineProperty(this, "selectDifferentPeriod", () => {
-      const {
-        currentPeriod
-      } = this.state;
-      return currentPeriod === PeriodPickerOptions.AM ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
-    });
-
-    this.state = {
-      currentPeriod: (_props$period = props.period) !== null && _props$period !== void 0 ? _props$period : PeriodPickerOptions.AM
-    };
-  }
-  /**
-   * Handles the period change
-   * @memberof PeriodPicker
-   */
-
-
-  /**
-   * Renders the PeriodPicker
-   * @memberof UnitTimePicker
-   */
-  render() {
-    const {
-      classes
-    } = this.props;
-    const {
-      currentPeriod
-    } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.periodContainer
-    }, /*#__PURE__*/React.createElement(UpIcon, {
-      className: classes.icon,
-      onClick: this.handleChangePeriod
-    }), /*#__PURE__*/React.createElement(HvToggleButton, {
-      className: classes.periodToggle,
-      selected: currentPeriod === PeriodPickerOptions.PM,
-      onClick: this.handleChangePeriod
-    }, currentPeriod), /*#__PURE__*/React.createElement(DownIcon, {
-      className: clsx(classes.icon, classes.subtractIcon),
-      onClick: this.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

@@ -1 +0,0 @@
-{"version":3,"file":"PeriodPicker.js","names":["React","PropTypes","clsx","HvToggleButton","DropUpXS","UpIcon","DropDownXS","DownIcon","PeriodPickerOptions","PeriodPicker","Component","constructor","props","onChangePeriod","period","selectDifferentPeriod","setState","currentPeriod","state","AM","PM","render","classes","periodContainer","icon","handleChangePeriod","periodToggle","subtractIcon","propTypes","instanceOf","Object","isRequired","func","oneOf"],"sources":["../../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvToggleButton } from \"@hitachivantara/uikit-react-core\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nclass PeriodPicker extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentPeriod: props.period ?? PeriodPickerOptions.AM,\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        <HvToggleButton\n          className={classes.periodToggle}\n          selected={currentPeriod === PeriodPickerOptions.PM}\n          onClick={this.handleChangePeriod}\n        >\n          {currentPeriod}\n        </HvToggleButton>\n        <DownIcon\n          className={clsx(classes.icon, classes.subtractIcon)}\n          onClick={this.handleChangePeriod}\n        />\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"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,cAAT,QAA+B,kCAA/B;AACA,SAASC,QAAQ,IAAIC,MAArB,EAA6BC,UAAU,IAAIC,QAA3C,QAA2D,mCAA3D;AACA,SAASC,mBAAT,QAAoC,UAApC;;AAEA,MAAMC,YAAN,SAA2BT,KAAK,CAACU,SAAjC,CAA2C;EACzCC,WAAW,CAACC,KAAD,EAAQ;IAAA;;IACjB,MAAMA,KAAN;;IADiB,4CAYE,MAAM;MACzB,MAAM;QAAEC;MAAF,IAAqB,KAAKD,KAAhC;MACA,MAAME,MAAM,GAAG,KAAKC,qBAAL,EAAf;MACA,KAAKC,QAAL,CAAc;QACZC,aAAa,EAAEH;MADH,CAAd;MAGAD,cAAc,CAACC,MAAD,CAAd;IACD,CAnBkB;;IAAA,+CA0BK,MAAM;MAC5B,MAAM;QAAEG;MAAF,IAAoB,KAAKC,KAA/B;MACA,OAAOD,aAAa,KAAKT,mBAAmB,CAACW,EAAtC,GACHX,mBAAmB,CAACY,EADjB,GAEHZ,mBAAmB,CAACW,EAFxB;IAGD,CA/BkB;;IAGjB,KAAKD,KAAL,GAAa;MACXD,aAAa,mBAAEL,KAAK,CAACE,MAAR,yDAAkBN,mBAAmB,CAACW;IADxC,CAAb;EAGD;EAED;AACF;AACA;AACA;;;EAsBE;AACF;AACA;AACA;EACEE,MAAM,GAAG;IACP,MAAM;MAAEC;IAAF,IAAc,KAAKV,KAAzB;IACA,MAAM;MAAEK;IAAF,IAAoB,KAAKC,KAA/B;IAEA,oBACE;MAAK,SAAS,EAAEI,OAAO,CAACC;IAAxB,gBACE,oBAAC,MAAD;MAAQ,SAAS,EAAED,OAAO,CAACE,IAA3B;MAAiC,OAAO,EAAE,KAAKC;IAA/C,EADF,eAEE,oBAAC,cAAD;MACE,SAAS,EAAEH,OAAO,CAACI,YADrB;MAEE,QAAQ,EAAET,aAAa,KAAKT,mBAAmB,CAACY,EAFlD;MAGE,OAAO,EAAE,KAAKK;IAHhB,GAKGR,aALH,CAFF,eASE,oBAAC,QAAD;MACE,SAAS,EAAEf,IAAI,CAACoB,OAAO,CAACE,IAAT,EAAeF,OAAO,CAACK,YAAvB,CADjB;MAEE,OAAO,EAAE,KAAKF;IAFhB,EATF,CADF;EAgBD;;AA1DwC;;AA6D3C,wCAAAhB,YAAY,CAACmB,SAAb,GAAyB;EACvB;AACF;AACA;EACEN,OAAO,EAAErB,SAAS,CAAC4B,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACElB,cAAc,EAAEZ,SAAS,CAAC+B,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACEjB,MAAM,EAAEb,SAAS,CAACgC,KAAV,CAAgB,CAACzB,mBAAmB,CAACW,EAArB,EAAyBX,mBAAmB,CAACY,EAA7C,CAAhB;AAZe,CAAzB;AAeA,eAAeX,YAAf"}

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

@@ -1,7 +0,0 @@
-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

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

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

@@ -1,22 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","periodContainer","display","flexDirection","justifyContent","alignItems","marginLeft","periodToggle","height","width","icon","cursor","subtractIcon","marginTop","hv","spacing","xs"],"sources":["../../../../src/TimePicker/PeriodPicker/styles.js"],"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"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,eAAe,EAAE;IACfC,OAAO,EAAE,MADM;IAEfC,aAAa,EAAE,QAFA;IAGfC,cAAc,EAAE,QAHD;IAIfC,UAAU,EAAE,QAJG;IAKfC,UAAU,EAAE;EALG,CADQ;EAQzBC,YAAY,EAAE;IACZC,MAAM,EAAE,MADI;IAEZC,KAAK,EAAE;EAFK,CARW;EAYzBC,IAAI,EAAE;IACJC,MAAM,EAAE;EADJ,CAZmB;EAezBC,YAAY,EAAE;IACZC,SAAS,EAAG,GAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAAG;EADtB;AAfW,CAAZ,CAAf;;AAoBA,eAAejB,MAAf"}

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

@@ -1,140 +0,0 @@
-import { StandardProps } from "@material-ui/core";
-import { HvFormElementProps, HvBaseDropdownProps } from "@hitachivantara/uikit-react-core";
-
-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;