@hitachivantara/uikit-react-core 2.23.2

package/dist/DatePicker/Calendar/Navigation/styles.js

@@ -0,0 +1,83 @@
+"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"));
+
+var _styles = require("../../../Focus/styles");
+
+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: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    icon: {
+      userSelect: "none",
+      width: "30px",
+      height: "30px",
+      "&:hover": {
+        backgroundColor: theme.palette.atmo4,
+        cursor: "pointer"
+      },
+      "&:focus": _objectSpread({
+        backgroundColor: theme.palette.atmo4,
+        cursor: "pointer"
+      }, _styles.outlineStyles)
+    },
+    disabled: {
+      "& svg *.color0": {
+        fill: theme.palette.atmo6
+      },
+      "&:hover": {
+        backgroundColor: "transparent",
+        cursor: "not-allowed"
+      }
+    },
+    text: {
+      width: "calc(100% - 60px)",
+      textAlign: "center",
+      padding: "5px 0",
+      "&:hover": {
+        backgroundColor: theme.palette.atmo4,
+        cursor: "pointer"
+      },
+      "&:focus": _objectSpread({
+        backgroundColor: theme.palette.atmo4,
+        cursor: "pointer"
+      }, _styles.outlineStyles)
+    },
+    textWithoutHover: {
+      width: "calc(100% - 60px)",
+      textAlign: "center"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/DatePicker/Calendar/Navigation/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","justifyContent","icon","userSelect","width","height","backgroundColor","palette","atmo4","cursor","outlineStyles","disabled","fill","atmo6","text","textAlign","padding","textWithoutHover"],"sources":["../../../../src/DatePicker/Calendar/Navigation/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  icon: {\n    userSelect: \"none\",\n    width: \"30px\",\n    height: \"30px\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo4,\n      cursor: \"pointer\",\n    },\n    \"&:focus\": {\n      backgroundColor: theme.palette.atmo4,\n      cursor: \"pointer\",\n      ...outlineStyles,\n    },\n  },\n  disabled: {\n    \"& svg *.color0\": {\n      fill: theme.palette.atmo6,\n    },\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      cursor: \"not-allowed\",\n    },\n  },\n  text: {\n    width: \"calc(100% - 60px)\",\n    textAlign: \"center\",\n    padding: \"5px 0\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo4,\n      cursor: \"pointer\",\n    },\n    \"&:focus\": {\n      backgroundColor: theme.palette.atmo4,\n      cursor: \"pointer\",\n      ...outlineStyles,\n    },\n  },\n  textWithoutHover: {\n    width: \"calc(100% - 60px)\",\n    textAlign: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,UAAU,EAAE,QAFR;MAGJC,cAAc,EAAE;IAHZ,CADmB;IAMzBC,IAAI,EAAE;MACJC,UAAU,EAAE,MADR;MAEJC,KAAK,EAAE,MAFH;MAGJC,MAAM,EAAE,MAHJ;MAIJ,WAAW;QACTC,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KADtB;QAETC,MAAM,EAAE;MAFC,CAJP;MAQJ;QACEH,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KADjC;QAEEC,MAAM,EAAE;MAFV,GAGKC,qBAHL;IARI,CANmB;IAoBzBC,QAAQ,EAAE;MACR,kBAAkB;QAChBC,IAAI,EAAEf,KAAK,CAACU,OAAN,CAAcM;MADJ,CADV;MAIR,WAAW;QACTP,eAAe,EAAE,aADR;QAETG,MAAM,EAAE;MAFC;IAJH,CApBe;IA6BzBK,IAAI,EAAE;MACJV,KAAK,EAAE,mBADH;MAEJW,SAAS,EAAE,QAFP;MAGJC,OAAO,EAAE,OAHL;MAIJ,WAAW;QACTV,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KADtB;QAETC,MAAM,EAAE;MAFC,CAJP;MAQJ;QACEH,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KADjC;QAEEC,MAAM,EAAE;MAFV,GAGKC,qBAHL;IARI,CA7BmB;IA2CzBO,gBAAgB,EAAE;MAChBb,KAAK,EAAE,mBADS;MAEhBW,SAAS,EAAE;IAFK;EA3CO,CAAZ;AAAA,CAAf;;eAiDenB,M"}

package/dist/DatePicker/Calendar/enums.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VIEW_MODE = exports.REPRESENTATION_VALUES = exports.NAV_OPTIONS = void 0;
+
+/**
+ * View modes for the calendar component.
+ */
+var VIEW_MODE = {
+  CALENDAR: "calendar",
+  MONTHLY: "monthly",
+  YEARLY: "yearly"
+};
+/**
+ * Option values that can be used with Intl to represent a part or multiple parts of a date.
+ */
+
+exports.VIEW_MODE = VIEW_MODE;
+var REPRESENTATION_VALUES = {
+  LONG: "long",
+  SHORT: "short",
+  NARROW: "narrow",
+  NUMERIC: "numeric",
+  TWO_DIGIT: "2-digit"
+};
+/**
+ * Navigation options for the calendar component.
+ */
+
+exports.REPRESENTATION_VALUES = REPRESENTATION_VALUES;
+var NAV_OPTIONS = {
+  PREVIOUS_MONTH: "previous_month",
+  PREVIOUS_YEAR: "previous_year",
+  NEXT_MONTH: "next_month",
+  NEXT_YEAR: "next_year",
+  MONTH: "month",
+  MONTH_YEAR: "month_year"
+};
+exports.NAV_OPTIONS = NAV_OPTIONS;
+//# sourceMappingURL=enums.js.map

package/dist/DatePicker/Calendar/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","names":["VIEW_MODE","CALENDAR","MONTHLY","YEARLY","REPRESENTATION_VALUES","LONG","SHORT","NARROW","NUMERIC","TWO_DIGIT","NAV_OPTIONS","PREVIOUS_MONTH","PREVIOUS_YEAR","NEXT_MONTH","NEXT_YEAR","MONTH","MONTH_YEAR"],"sources":["../../../src/DatePicker/Calendar/enums.js"],"sourcesContent":["/**\n * View modes for the calendar component.\n */\nexport const VIEW_MODE = {\n  CALENDAR: \"calendar\",\n  MONTHLY: \"monthly\",\n  YEARLY: \"yearly\",\n};\n\n/**\n * Option values that can be used with Intl to represent a part or multiple parts of a date.\n */\nexport const REPRESENTATION_VALUES = {\n  LONG: \"long\",\n  SHORT: \"short\",\n  NARROW: \"narrow\",\n  NUMERIC: \"numeric\",\n  TWO_DIGIT: \"2-digit\",\n};\n\n/**\n * Navigation options for the calendar component.\n */\nexport const NAV_OPTIONS = {\n  PREVIOUS_MONTH: \"previous_month\",\n  PREVIOUS_YEAR: \"previous_year\",\n  NEXT_MONTH: \"next_month\",\n  NEXT_YEAR: \"next_year\",\n  MONTH: \"month\",\n  MONTH_YEAR: \"month_year\",\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACO,IAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAE,UADa;EAEvBC,OAAO,EAAE,SAFc;EAGvBC,MAAM,EAAE;AAHe,CAAlB;AAMP;AACA;AACA;;;AACO,IAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE,MAD6B;EAEnCC,KAAK,EAAE,OAF4B;EAGnCC,MAAM,EAAE,QAH2B;EAInCC,OAAO,EAAE,SAJ0B;EAKnCC,SAAS,EAAE;AALwB,CAA9B;AAQP;AACA;AACA;;;AACO,IAAMC,WAAW,GAAG;EACzBC,cAAc,EAAE,gBADS;EAEzBC,aAAa,EAAE,eAFU;EAGzBC,UAAU,EAAE,YAHa;EAIzBC,SAAS,EAAE,WAJc;EAKzBC,KAAK,EAAE,OALkB;EAMzBC,UAAU,EAAE;AANa,CAApB"}

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

package/dist/DatePicker/Calendar/index.js.map

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

package/dist/DatePicker/Calendar/model.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.number.is-integer.js");
+
+require("core-js/modules/es.number.constructor.js");
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _enums = require("./enums");
+
+var _utils = require("./utils");
+
+/**
+ * Calendar builder for a specific month and year.
+ * Returns an array of date objects.
+ */
+var CalendarModel = /*#__PURE__*/(0, _createClass2.default)(function CalendarModel(_month, _year) {
+  var _this = this;
+
+  (0, _classCallCheck2.default)(this, CalendarModel);
+  (0, _defineProperty2.default)(this, "updateModel", function (month, year) {
+    var validMonth = month;
+    var validYear = year;
+
+    if (!Number.isInteger(validMonth)) {
+      validMonth = new Date().getMonth() + 1;
+    }
+
+    if (!Number.isInteger(validYear)) {
+      validYear = new Date().getFullYear();
+    }
+
+    _this.month = validMonth;
+    _this.year = validYear;
+    _this.dates = (0, _utils.createDatesArray)(validMonth, validYear);
+  });
+  (0, _defineProperty2.default)(this, "navigateTo", function (navOptions) {
+    var month = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    var year = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2000;
+    var newMonthYear;
+
+    switch (navOptions) {
+      case _enums.NAV_OPTIONS.PREVIOUS_MONTH:
+        newMonthYear = (0, _utils.getPreviousMonth)(_this.month, _this.year);
+        break;
+
+      default:
+      case _enums.NAV_OPTIONS.NEXT_MONTH:
+        newMonthYear = (0, _utils.getNextMonth)(_this.month, _this.year);
+        break;
+
+      case _enums.NAV_OPTIONS.PREVIOUS_YEAR:
+        newMonthYear = {
+          month: _this.month,
+          year: _this.year - 1
+        };
+        break;
+
+      case _enums.NAV_OPTIONS.NEXT_YEAR:
+        newMonthYear = {
+          month: _this.month,
+          year: _this.year + 1
+        };
+        break;
+
+      case _enums.NAV_OPTIONS.MONTH:
+        newMonthYear = {
+          month: month,
+          year: _this.year
+        };
+        break;
+
+      case _enums.NAV_OPTIONS.MONTH_YEAR:
+        newMonthYear = {
+          month: month,
+          year: year
+        };
+        break;
+    }
+
+    _this.updateModel(newMonthYear.month, newMonthYear.year);
+
+    return _this;
+  });
+  this.updateModel(_month, _year);
+}
+/**
+ * Updates the model with the received month and year
+ *
+ * @param {number} month - Number of the month.
+ * @param {number} year - Number of the year. *
+ * @memberOf CalendarModel
+ */
+);
+exports.default = CalendarModel;
+//# sourceMappingURL=model.js.map

package/dist/DatePicker/Calendar/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":["CalendarModel","month","year","validMonth","validYear","Number","isInteger","Date","getMonth","getFullYear","dates","createDatesArray","navOptions","newMonthYear","NAV_OPTIONS","PREVIOUS_MONTH","getPreviousMonth","NEXT_MONTH","getNextMonth","PREVIOUS_YEAR","NEXT_YEAR","MONTH","MONTH_YEAR","updateModel"],"sources":["../../../src/DatePicker/Calendar/model.js"],"sourcesContent":["import { NAV_OPTIONS } from \"./enums\";\nimport { getPreviousMonth, getNextMonth, createDatesArray } from \"./utils\";\n\n/**\n * Calendar builder for a specific month and year.\n * Returns an array of date objects.\n */\nexport default class CalendarModel {\n  constructor(month, year) {\n    this.updateModel(month, year);\n  }\n\n  /**\n   * Updates the model with the received month and year\n   *\n   * @param {number} month - Number of the month.\n   * @param {number} year - Number of the year. *\n   * @memberOf CalendarModel\n   */\n  updateModel = (month, year) => {\n    let validMonth = month;\n    let validYear = year;\n    if (!Number.isInteger(validMonth)) {\n      validMonth = new Date().getMonth() + 1;\n    }\n    if (!Number.isInteger(validYear)) {\n      validYear = new Date().getFullYear();\n    }\n\n    this.month = validMonth;\n    this.year = validYear;\n    this.dates = createDatesArray(validMonth, validYear);\n  };\n\n  /**\n   * Navigates to the new date according to the received navigation option.\n   *\n   * @param {string} navOptions - The option to where the navigation should occur.\n   * @param {number} [month=1] - The month to where the navigation should occur in case the navOptions is set\n   * to `MONTH`.\n   * @param year {number}  The year to where the navigation should occur in case the navOptions is set\n   * to `YEAR`.\n   * @returns {CalendarModel}\n   */\n  navigateTo = (navOptions, month = 1, year = 2000) => {\n    let newMonthYear;\n\n    switch (navOptions) {\n      case NAV_OPTIONS.PREVIOUS_MONTH:\n        newMonthYear = getPreviousMonth(this.month, this.year);\n        break;\n      default:\n      case NAV_OPTIONS.NEXT_MONTH:\n        newMonthYear = getNextMonth(this.month, this.year);\n        break;\n      case NAV_OPTIONS.PREVIOUS_YEAR:\n        newMonthYear = { month: this.month, year: this.year - 1 };\n        break;\n      case NAV_OPTIONS.NEXT_YEAR:\n        newMonthYear = { month: this.month, year: this.year + 1 };\n        break;\n      case NAV_OPTIONS.MONTH:\n        newMonthYear = { month, year: this.year };\n        break;\n      case NAV_OPTIONS.MONTH_YEAR:\n        newMonthYear = { month, year };\n        break;\n    }\n\n    this.updateModel(newMonthYear.month, newMonthYear.year);\n\n    return this;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;AACA;AACA;AACA;IACqBA,a,2CACnB,uBAAYC,MAAZ,EAAmBC,KAAnB,EAAyB;EAAA;;EAAA;EAAA,mDAWX,UAACD,KAAD,EAAQC,IAAR,EAAiB;IAC7B,IAAIC,UAAU,GAAGF,KAAjB;IACA,IAAIG,SAAS,GAAGF,IAAhB;;IACA,IAAI,CAACG,MAAM,CAACC,SAAP,CAAiBH,UAAjB,CAAL,EAAmC;MACjCA,UAAU,GAAG,IAAII,IAAJ,GAAWC,QAAX,KAAwB,CAArC;IACD;;IACD,IAAI,CAACH,MAAM,CAACC,SAAP,CAAiBF,SAAjB,CAAL,EAAkC;MAChCA,SAAS,GAAG,IAAIG,IAAJ,GAAWE,WAAX,EAAZ;IACD;;IAED,KAAI,CAACR,KAAL,GAAaE,UAAb;IACA,KAAI,CAACD,IAAL,GAAYE,SAAZ;IACA,KAAI,CAACM,KAAL,GAAa,IAAAC,uBAAA,EAAiBR,UAAjB,EAA6BC,SAA7B,CAAb;EACD,CAxBwB;EAAA,kDAoCZ,UAACQ,UAAD,EAAwC;IAAA,IAA3BX,KAA2B,uEAAnB,CAAmB;IAAA,IAAhBC,IAAgB,uEAAT,IAAS;IACnD,IAAIW,YAAJ;;IAEA,QAAQD,UAAR;MACE,KAAKE,kBAAA,CAAYC,cAAjB;QACEF,YAAY,GAAG,IAAAG,uBAAA,EAAiB,KAAI,CAACf,KAAtB,EAA6B,KAAI,CAACC,IAAlC,CAAf;QACA;;MACF;MACA,KAAKY,kBAAA,CAAYG,UAAjB;QACEJ,YAAY,GAAG,IAAAK,mBAAA,EAAa,KAAI,CAACjB,KAAlB,EAAyB,KAAI,CAACC,IAA9B,CAAf;QACA;;MACF,KAAKY,kBAAA,CAAYK,aAAjB;QACEN,YAAY,GAAG;UAAEZ,KAAK,EAAE,KAAI,CAACA,KAAd;UAAqBC,IAAI,EAAE,KAAI,CAACA,IAAL,GAAY;QAAvC,CAAf;QACA;;MACF,KAAKY,kBAAA,CAAYM,SAAjB;QACEP,YAAY,GAAG;UAAEZ,KAAK,EAAE,KAAI,CAACA,KAAd;UAAqBC,IAAI,EAAE,KAAI,CAACA,IAAL,GAAY;QAAvC,CAAf;QACA;;MACF,KAAKY,kBAAA,CAAYO,KAAjB;QACER,YAAY,GAAG;UAAEZ,KAAK,EAALA,KAAF;UAASC,IAAI,EAAE,KAAI,CAACA;QAApB,CAAf;QACA;;MACF,KAAKY,kBAAA,CAAYQ,UAAjB;QACET,YAAY,GAAG;UAAEZ,KAAK,EAALA,KAAF;UAASC,IAAI,EAAJA;QAAT,CAAf;QACA;IAnBJ;;IAsBA,KAAI,CAACqB,WAAL,CAAiBV,YAAY,CAACZ,KAA9B,EAAqCY,YAAY,CAACX,IAAlD;;IAEA,OAAO,KAAP;EACD,CAhEwB;EACvB,KAAKqB,WAAL,CAAiBtB,MAAjB,EAAwBC,KAAxB;AACD;AAED;AACF;AACA;AACA;AACA;AACA;AACA"}

package/dist/DatePicker/Calendar/styles.js

@@ -0,0 +1,137 @@
+"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) {
+  var hover = {
+    backgroundColor: theme.palette.atmo4,
+    cursor: "pointer"
+  };
+  return {
+    calendarWrapper: {
+      overflow: "hidden",
+      backgroundColor: theme.palette.atmo1,
+      padding: theme.spacing("sm")
+    },
+    calendarGrid: {
+      display: "flex",
+      flexFlow: "wrap",
+      width: "280px"
+    },
+    navigationContainer: {
+      display: "flex",
+      justifyContent: "space-between",
+      padding: "".concat(theme.spacing("xs"), "px 0")
+    },
+    focusSelection: {
+      "&:hover": _objectSpread({}, hover),
+      "&:focus": _objectSpread(_objectSpread({}, hover), {}, {
+        outlineColor: "#52A8EC",
+        outlineStyle: "solid",
+        outlineWidth: "1px",
+        outlineOffset: "-1px"
+      })
+    },
+    navigationMonth: {
+      minWidth: "160px"
+    },
+    calendarDay: {
+      display: "flex",
+      justifyContent: "center",
+      flexDirection: "column",
+      textAlign: "center",
+      height: "40px",
+      width: "40px"
+    },
+    calendarDate: {
+      display: "flex",
+      justifyContent: "center",
+      flexDirection: "column",
+      textAlign: "center",
+      height: "40px",
+      width: "40px"
+    },
+    calendarDateNotInMonth: {
+      color: theme.palette.atmo7
+    },
+    calendarDateSelected: {
+      backgroundColor: theme.palette.acce1,
+      color: theme.palette.atmo1,
+      "&:hover": _objectSpread({}, hover)
+    },
+    calendarDateInvalid: {
+      "&:hover": {
+        cursor: "not-allowed",
+        backgroundColor: "transparent"
+      }
+    },
+    calendarMonthlyGrid: {
+      top: "0",
+      height: "calc(100% - 120px)",
+      marginTop: "100px",
+      marginLeft: "-20px",
+      display: "flex",
+      zIndex: "10",
+      padding: "0 20px",
+      position: "absolute",
+      flexFlow: "wrap",
+      alignContent: "center",
+      justifyContent: "space-evenly",
+      backgroundColor: theme.palette.atmo1
+    },
+    normalWidth: {
+      width: "calc(100% - 2px)" // 2px for the borders.
+
+    },
+    rangeModeWidth: {
+      width: "calc((100% / 2) - 2px)" // 100% divided by two to handle the range situation minus 2px for the borders.
+
+    },
+    calendarMonthlyCell: {
+      display: "flex",
+      justifyContent: "center",
+      flexDirection: "column",
+      textAlign: "center",
+      height: "40px",
+      width: "92px",
+      "&:hover": _objectSpread({}, hover)
+    },
+    calendarMonthlyCellSelected: {
+      backgroundColor: theme.palette.acce1,
+      color: theme.palette.atmo1,
+      "&:hover": {
+        backgroundColor: theme.palette.acce1,
+        color: theme.palette.atmo1
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/DatePicker/Calendar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","hover","backgroundColor","palette","atmo4","cursor","calendarWrapper","overflow","atmo1","padding","spacing","calendarGrid","display","flexFlow","width","navigationContainer","justifyContent","focusSelection","outlineColor","outlineStyle","outlineWidth","outlineOffset","navigationMonth","minWidth","calendarDay","flexDirection","textAlign","height","calendarDate","calendarDateNotInMonth","color","atmo7","calendarDateSelected","acce1","calendarDateInvalid","calendarMonthlyGrid","top","marginTop","marginLeft","zIndex","position","alignContent","normalWidth","rangeModeWidth","calendarMonthlyCell","calendarMonthlyCellSelected"],"sources":["../../../src/DatePicker/Calendar/styles.js"],"sourcesContent":["const styles = (theme) => {\n  const hover = {\n    backgroundColor: theme.palette.atmo4,\n    cursor: \"pointer\",\n  };\n\n  return {\n    calendarWrapper: {\n      overflow: \"hidden\",\n      backgroundColor: theme.palette.atmo1,\n      padding: theme.spacing(\"sm\"),\n    },\n    calendarGrid: {\n      display: \"flex\",\n      flexFlow: \"wrap\",\n      width: \"280px\",\n    },\n    navigationContainer: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      padding: `${theme.spacing(\"xs\")}px 0`,\n    },\n    focusSelection: {\n      \"&:hover\": {\n        ...hover,\n      },\n      \"&:focus\": {\n        ...hover,\n        outlineColor: \"#52A8EC\",\n        outlineStyle: \"solid\",\n        outlineWidth: \"1px\",\n        outlineOffset: \"-1px\",\n      },\n    },\n    navigationMonth: {\n      minWidth: \"160px\",\n    },\n    calendarDay: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      height: \"40px\",\n      width: \"40px\",\n    },\n    calendarDate: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      height: \"40px\",\n      width: \"40px\",\n    },\n    calendarDateNotInMonth: {\n      color: theme.palette.atmo7,\n    },\n    calendarDateSelected: {\n      backgroundColor: theme.palette.acce1,\n      color: theme.palette.atmo1,\n      \"&:hover\": {\n        ...hover,\n      },\n    },\n    calendarDateInvalid: {\n      \"&:hover\": {\n        cursor: \"not-allowed\",\n        backgroundColor: \"transparent\",\n      },\n    },\n    calendarMonthlyGrid: {\n      top: \"0\",\n      height: \"calc(100% - 120px)\",\n      marginTop: \"100px\",\n      marginLeft: \"-20px\",\n      display: \"flex\",\n      zIndex: \"10\",\n      padding: \"0 20px\",\n      position: \"absolute\",\n      flexFlow: \"wrap\",\n      alignContent: \"center\",\n      justifyContent: \"space-evenly\",\n      backgroundColor: theme.palette.atmo1,\n    },\n    normalWidth: {\n      width: \"calc(100% - 2px)\", // 2px for the borders.\n    },\n    rangeModeWidth: {\n      width: \"calc((100% / 2) - 2px)\", // 100% divided by two to handle the range situation minus 2px for the borders.\n    },\n    calendarMonthlyCell: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      height: \"40px\",\n      width: \"92px\",\n      \"&:hover\": {\n        ...hover,\n      },\n    },\n    calendarMonthlyCellSelected: {\n      backgroundColor: theme.palette.acce1,\n      color: theme.palette.atmo1,\n      \"&:hover\": {\n        backgroundColor: theme.palette.acce1,\n        color: theme.palette.atmo1,\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}