@activecollab/components 1.0.415 → 2.0.0

package/dist/cjs/components/DatePicker/Styles.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,27 +7,23 @@ exports.StyledDayPicker = exports.StyledDatePickerCSSTransition = exports.Styled
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _FontStyle = require("../FontStyle");
 var _BoxSizingStyle = require("../BoxSizingStyle");
-var _reactDayPicker = _interopRequireDefault(require("react-day-picker"));
+var _reactDayPicker = require("react-day-picker");
 var _reactTransitionGroup = require("react-transition-group");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var StyledDatePicker = _styledComponents.default.div.withConfig({
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledDatePicker = exports.StyledDatePicker = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDatePicker",
   componentId: "sc-18towna-0"
 })(["", " ", " overflow:hidden;min-width:230px;", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
   "display": "flex",
   "justifyContent": "center"
 });
-exports.StyledDatePicker = StyledDatePicker;
-var StyledDayPicker = (0, _styledComponents.default)(_reactDayPicker.default).withConfig({
+const StyledDayPicker = exports.StyledDayPicker = (0, _styledComponents.default)(_reactDayPicker.DayPicker).withConfig({
   displayName: "Styles__StyledDayPicker",
   componentId: "sc-18towna-1"
-})(["", " width:230px;", " .c-DayPicker-Month{display:table;user-select:none;border-collapse:separate;border-spacing:4px;}.c-DayPicker-wrapper{position:relative;flex-direction:row;user-select:none;}.c-DayPicker-Caption{display:table-caption;margin-bottom:0.5em;padding:0 0.5em;", "}.c-DayPicker-Weekday{font-size:11px;display:table-cell;padding:0.5em;text-align:center;", "}.c-DayPicker-Body{display:table-row-group;font-size:13px;", "}.c-DayPicker-Day{display:table-cell;border-radius:50%;vertical-align:middle;text-align:center;cursor:pointer;transition-duration:0.3s;width:27px;height:27px;line-height:27px;}.c-DayPicker{display:inline-block;font-size:1rem;}.c-DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center;}.c-DayPicker-NavButton--interactionDisabled{display:none;}.c-DayPicker-Weekdays{text-decoration:none;display:table-header-group;margin-top:1em;}.c-DayPicker-WeekdaysRow{display:table-row;}.c-DayPicker-Weekday *{display:block;border-bottom:none;text-decoration:none;overflow:hidden;text-overflow:\"\";white-space:nowrap;width:12px;letter-spacing:10px;transform:translateX(30%);}.c-DayPicker-Week{display:table-row;}.c-DayPicker--interactionDisabled .c-DayPicker-Day{cursor:default;}.hovered:not(.c-DayPicker-Day--selected){background-color:var(--color-primary-300);color:var(--color-theme-900);}.c-DayPicker-Day--today{font-weight:700;color:var(--color-primary);position:relative;&:after{position:absolute;content:\"\";bottom:3px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-primary);&:after{background-color:var(--color-primary);}}}.c-DayPicker-Day--userAvailability,.c-DayPicker-Day--nonWorkingDaysOfWeek{color:var(--red-alert);&.hovered:not(.c-DayPicker-Day--selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.c-DayPicker-Day--today{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:not(.c-DayPicker-Day--selected):after{background-color:var(--red-alert);}}}.c-DayPicker-Day--selected{background-color:var(--color-primary);color:var(--color-theme-100);&.c-DayPicker-Day--today{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.c-DayPicker-Day--userAvailability,&.c-DayPicker-Day--nonWorkingDaysOfWeek{background-color:var(--red-alert);color:var(--color-theme-100);}}.c-DayPicker-Day--nonWorkingDay{color:var(--color-theme-500);&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);}&.c-DayPicker-Day--today{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.c-DayPicker-Day--userAvailability,&.c-DayPicker-Day--nonWorkingDaysOfWeek{&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.c-DayPicker-Day--today:after{background-color:var(--color-theme-500);}}}&.c-DayPicker-Day--selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);.neon &{color:rgba(0,0,0,0.4);}&.c-DayPicker-Day--today{color:rgba(255,255,255,0.6);.neon &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);.neon &{background-color:rgba(0,0,0,0.4);}}}}}.c-DayPicker-Day--disabled{cursor:default;color:var(--color-theme-500);&.hovered{color:var(--color-theme-500);}}.c-DayPicker-Day--outside{cursor:default;opacity:0.15;color:var(--color-theme-900);&.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDaysOfWeek.hovered:not(.c-DayPicker-Day--selected){background:var(--color-primary-300);}&.c-DayPicker-Day--userAvailability:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDaysOfWeek:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDaysOfWeek.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDay.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDay:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected){color:var(--color-theme-900);}&.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--nonWorkingDaysOfWeek.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--nonWorkingDaysOfWeek.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after{background-color:var(--color-theme-900);}&.hovered:not(.c-DayPicker-Day--selected){background:var(--color-primary-400);}&.c-DayPicker-Day--selected{color:var(--page-paper-main);background:var(--color-primary);.neon &{color:var(--page-paper-main);}&.c-DayPicker-Day--today{&:after{background:var(--page-paper-main);.neon &{background:var(--page-paper-main);}}&.c-DayPicker-Day--nonWorkingDay{color:var(--page-paper-main);.neon &{color:var(--page-paper-main);}}}}}"], {
+})(["", " width:230px;.root{--rdp-cell-size:40px;--rdp-caption-font-size:18px;--rdp-accent-color:#0000ff;--rdp-background-color:#e7edff;--rdp-accent-color-dark:#3003e1;--rdp-background-color-dark:#180270;--rdp-outline:2px solid var(--rdp-accent-color);--rdp-outline-selected:3px solid var(--rdp-accent-color);--rdp-selected-color:#fff;margin:1em;}.rdp-vhidden{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px,1px,1px,1px) !important;border:0 !important;}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none;}.rdp-button_reset:focus-visible{outline:none;}.rdp-button{border:2px solid transparent;}.rdp-button[disabled]:not(.rdp-day_selected){opacity:0.25;}.rdp-button:not([disabled]){cursor:pointer;}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline);}.rdp-months{display:flex;}.rdp-month{margin:0 1em;}.rdp-month:first-child{margin-left:0;}.rdp-month:last-child{margin-right:0;}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse;}.rdp-with_weeknumber .table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse;}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left;}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center;}.rdp-caption_dropdowns{position:relative;display:inline-flex;}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 0.25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:bold;}.rdp-nav{white-space:nowrap;}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%);}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%);}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:0.25em;border-radius:100%;}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center;}.rdp-dropdown{appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;}.rdp-dropdown[disabled]{opacity:unset;color:unset;}.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px;}.rdp-dropdown_icon{margin:0 0 0 5px;}.rdp-head{border:0;}.rdp-head_row,.rdp-row{height:100%;}.rdp-head_cell{vertical-align:middle;font-size:0.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase;}.rdp-tbody{border:0;}.rdp-tfoot{margin:0.5em;}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center;}.rdp-weeknumber{font-size:0.75em;}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%;}.rdp-day_today:not(.rdp-day_outside){font-weight:bold;}.rdp-day_selected,.rdp-day_selected:focus-visible{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color);}.rdp-day_outside{opacity:0.5;}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1;}.root:not([dir=\"rtl\"]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0;}.root:not([dir=\"rtl\"]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0;}.root[dir=\"rtl\"] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0;}.root[dir=\"rtl\"] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0;}.rdp-day_range_end.rdp-day_range_start{border-radius:100%;}.rdp-day_range_middle{border-radius:0;}", " .c-DayPicker-Month{display:table;user-select:none;border-collapse:separate;border-spacing:4px;margin:0 auto;}.c-DayPicker-wrapper{display:flex;}.c-DayPicker-Wrapper{position:relative;flex-direction:row;user-select:none;width:100%;}.c-DayPicker-Caption{display:table-caption;margin-bottom:0.5em;padding:0 0.5em;width:100%;", "}.c-DayPicker-Weekday{font-size:11px;font-weight:normal;padding:0.5em;text-align:center;", "}.c-DayPicker-Body{display:table-row-group;font-size:13px;", "}.c-DayPicker-Day{display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;transition-duration:0.3s;width:27px;height:27px;line-height:27px;}.c-DayPicker{display:inline-block;font-size:1rem;}.c-DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center;}.c-DayPicker-NavButton--interactionDisabled{display:none;}.c-DayPicker-Weekdays{text-decoration:none;display:table-header-group;margin-top:1em;}.c-DayPicker-WeekdaysRow{display:table-row;}.c-DayPicker-Week{display:table-row;}.c-DayPicker--interactionDisabled .c-DayPicker-Day{cursor:default;}.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ){background-color:var(--color-primary-300);color:var(--color-theme-900);}.c-DayPicker-Day--today{font-weight:700;color:var(--color-primary);position:relative;&:after{position:absolute;content:\"\";bottom:1px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}&.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ){color:var(--color-primary);&:after{background-color:var(--color-primary);}}}.c-DayPicker-Day--userAvailability,.c-DayPicker-Day--nonWorkingDaysOfWeek{color:var(--red-alert);&.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.c-DayPicker-Day--today{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ):after{background-color:var(--red-alert);}}}.c-DayPicker-Day--selected.selected-day.selected{background-color:var(--color-primary);color:var(--color-theme-100);&.c-DayPicker-Day--today{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.c-DayPicker-Day--userAvailability,&.c-DayPicker-Day--nonWorkingDaysOfWeek{background-color:var(--red-alert);color:var(--color-theme-100);}}.c-DayPicker-Day--nonWorkingDay{color:var(--color-theme-500);&.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ){color:var(--color-theme-500);}&.c-DayPicker-Day--today{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.c-DayPicker-Day--userAvailability,&.c-DayPicker-Day--nonWorkingDaysOfWeek{&.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ){color:var(--color-theme-500);background-color:var(--color-primary-300);&.c-DayPicker-Day--today:after{background-color:var(--color-theme-500);}}}&.c-DayPicker-Day--selected.selected-day.selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);.neon &{color:rgba(0,0,0,0.4);}&.c-DayPicker-Day--today{color:rgba(255,255,255,0.6);.neon &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);.neon &{background-color:rgba(0,0,0,0.4);}}}}}.c-DayPicker-Day--disabled{cursor:default;color:var(--color-theme-500);&.hovered.hovered-day.hover{color:var(--color-theme-500);}}.c-DayPicker-Day--outside{cursor:default;opacity:0.15;color:var(--color-theme-900);&.c-DayPicker-Day--userAvailability.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ),&.c-DayPicker-Day--nonWorkingDaysOfWeek.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ){background:var(--color-primary-300);}&.c-DayPicker-Day--userAvailability:not( .c-DayPicker-Day--selected.selected-day.selected ),&.c-DayPicker-Day--nonWorkingDaysOfWeek:not( .c-DayPicker-Day--selected.selected-day.selected ),&.c-DayPicker-Day--userAvailability.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ),&.c-DayPicker-Day--nonWorkingDaysOfWeek.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ),&.c-DayPicker-Day--nonWorkingDay.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ),&.c-DayPicker-Day--nonWorkingDay:not( .c-DayPicker-Day--selected.selected-day.selected ),&.c-DayPicker-Day--today.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ),&.c-DayPicker-Day--today:not( .c-DayPicker-Day--selected.selected-day.selected ){color:var(--color-theme-900);}&.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not( .c-DayPicker-Day--selected.selected-day.selected ):after,&.c-DayPicker-Day--nonWorkingDaysOfWeek.c-DayPicker-Day--today:not( .c-DayPicker-Day--selected.selected-day.selected ):after,&.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ):after,&.c-DayPicker-Day--nonWorkingDaysOfWeek.c-DayPicker-Day--today.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ):after,&.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not( .c-DayPicker-Day--selected.selected-day.selected ):after,&.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ):after,&.c-DayPicker-Day--today.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ):after,&.c-DayPicker-Day--today:not( .c-DayPicker-Day--selected.selected-day.selected ):after{background-color:var(--color-theme-900);}&.hovered.hovered-day.hover:not( .c-DayPicker-Day--selected.selected-day.selected ){background:var(--color-primary-400);}&.c-DayPicker-Day--selected.selected-day.selected{color:var(--page-paper-main);background:var(--color-primary);.neon &{color:var(--page-paper-main);}&.c-DayPicker-Day--today{&:after{background:var(--page-paper-main);.neon &{background:var(--page-paper-main);}}&.c-DayPicker-Day--nonWorkingDay{color:var(--page-paper-main);.neon &{color:var(--page-paper-main);}}}}}"], {
   "backgroundColor": "var(--page-paper-main)"
-}, function (props) {
-  return props.$isYearlyView && (0, _styledComponents.css)([".c-DayPicker-Weekdays,.c-DayPicker-Body{opacity:0 !important;}"]);
-}, {
+}, props => props.$isYearlyView && (0, _styledComponents.css)([".c-DayPicker-Weekdays,.c-DayPicker-Body{opacity:0 !important;}"]), {
   "textAlign": "center",
   "color": "var(--color-theme-900)"
 }, {
@@ -37,14 +32,10 @@ var StyledDayPicker = (0, _styledComponents.default)(_reactDayPicker.default).wi
   "fontWeight": "700",
   "color": "var(--color-theme-900)"
 });
-exports.StyledDayPicker = StyledDayPicker;
-var StyledDatePickerCSSTransition = (0, _styledComponents.default)(_reactTransitionGroup.CSSTransition).withConfig({
+const StyledDatePickerCSSTransition = exports.StyledDatePickerCSSTransition = (0, _styledComponents.default)(_reactTransitionGroup.CSSTransition).withConfig({
   displayName: "Styles__StyledDatePickerCSSTransition",
   componentId: "sc-18towna-2"
-})(["", ""], function (props) {
-  return props.$direction ? (0, _styledComponents.css)(["&.c-date-picker__animation-enter{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(-20px);}}&.c-date-picker__animation-enter-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;transform:translateY(0px);transition-duration:300ms;}}&.c-date-picker__animation-exit{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;}}&.c-date-picker__animation-exit-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(20px);transition-duration:300ms;}}"]) : (0, _styledComponents.css)(["&.c-date-picker__animation-enter{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(20px);}}&.c-date-picker__animation-enter-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;transform:translateY(0px);transition-duration:300ms;}}&.c-date-picker__animation-exit{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;}}&.c-date-picker__animation-exit-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(-20px);transition-duration:300ms;}}"]);
-});
-exports.StyledDatePickerCSSTransition = StyledDatePickerCSSTransition;
+})(["", ""], props => props.$direction ? (0, _styledComponents.css)(["&.c-date-picker__animation-enter{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(-20px);}}&.c-date-picker__animation-enter-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;transform:translateY(0px);transition-duration:300ms;}}&.c-date-picker__animation-exit{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;}}&.c-date-picker__animation-exit-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(20px);transition-duration:300ms;}}"]) : (0, _styledComponents.css)(["&.c-date-picker__animation-enter{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(20px);}}&.c-date-picker__animation-enter-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;transform:translateY(0px);transition-duration:300ms;}}&.c-date-picker__animation-exit{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;}}&.c-date-picker__animation-exit-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(-20px);transition-duration:300ms;}}"]));
 StyledDatePickerCSSTransition.displayName = "StyledDatePickerCSSTransition";
 StyledDatePicker.displayName = "StyledDatePicker";
 StyledDayPicker.displayName = "StyledDayPicker";

package/dist/cjs/components/DatePicker/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledDatePicker","styled","div","FontStyle","BoxSizingStyle","StyledDayPicker","DayPicker","props","$isYearlyView","css","StyledDatePickerCSSTransition","CSSTransition","$direction","displayName"],"sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport DayPicker from \"react-day-picker\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledDatePicker = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  overflow: hidden;\n  min-width: 230px;\n\n  ${tw`tw-flex tw-justify-center`}\n`;\n\nexport const StyledDayPicker = styled(DayPicker)<{ $isYearlyView: boolean }>`\n  ${tw`tw-bg-page-paper-main`}\n  width: 230px;\n\n  ${(props) =>\n    props.$isYearlyView &&\n    css`\n      .c-DayPicker-Weekdays,\n      .c-DayPicker-Body {\n        opacity: 0 !important;\n      }\n    `}\n\n  .c-DayPicker-Month {\n    display: table;\n    user-select: none;\n    border-collapse: separate;\n    border-spacing: 4px;\n  }\n\n  .c-DayPicker-wrapper {\n    position: relative;\n    flex-direction: row;\n    user-select: none;\n  }\n\n  .c-DayPicker-Caption {\n    display: table-caption;\n    margin-bottom: 0.5em;\n    padding: 0 0.5em;\n    ${tw`tw-text-center tw-text-theme-900`}\n  }\n\n  .c-DayPicker-Weekday {\n    font-size: 11px;\n    display: table-cell;\n    padding: 0.5em;\n    text-align: center;\n    ${tw`tw-text-theme-600`}\n  }\n\n  .c-DayPicker-Body {\n    display: table-row-group;\n    font-size: 13px;\n    ${tw`tw-text-theme-900 tw-font-bold`}\n  }\n\n  .c-DayPicker-Day {\n    display: table-cell;\n    border-radius: 50%;\n    vertical-align: middle;\n    text-align: center;\n    cursor: pointer;\n    transition-duration: 0.3s;\n    width: 27px;\n    height: 27px;\n    line-height: 27px;\n  }\n\n  .c-DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .c-DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .c-DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .c-DayPicker-Weekdays {\n    text-decoration: none;\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .c-DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .c-DayPicker-Weekday * {\n    display: block;\n    border-bottom: none;\n    text-decoration: none;\n    overflow: hidden;\n    text-overflow: \"\";\n    white-space: nowrap;\n    width: 12px;\n    letter-spacing: 10px;\n    transform: translateX(30%);\n  }\n\n  .c-DayPicker-Week {\n    display: table-row;\n  }\n\n  .c-DayPicker--interactionDisabled .c-DayPicker-Day {\n    cursor: default;\n  }\n\n  .hovered:not(.c-DayPicker-Day--selected) {\n    background-color: var(--color-primary-300);\n    color: var(--color-theme-900);\n  }\n\n  .c-DayPicker-Day--today {\n    font-weight: 700;\n    color: var(--color-primary);\n    position: relative;\n\n    &:after {\n      position: absolute;\n      content: \"\";\n      bottom: 3px;\n      height: 3px;\n      width: 3px;\n      border-radius: 3px;\n      margin: 0 auto;\n      left: 0;\n      right: 0;\n      background: var(--color-primary);\n    }\n    &.hovered:not(.c-DayPicker-Day--selected) {\n      color: var(--color-primary);\n      &:after {\n        background-color: var(--color-primary);\n      }\n    }\n  }\n\n  .c-DayPicker-Day--userAvailability,\n  .c-DayPicker-Day--nonWorkingDaysOfWeek {\n    color: var(--red-alert);\n    &.hovered:not(.c-DayPicker-Day--selected) {\n      background-color: rgba(237, 97, 97, 0.1);\n      color: var(--red-alert);\n    }\n    &.c-DayPicker-Day--today {\n      color: var(--red-alert);\n      &:after {\n        background-color: var(--red-alert);\n      }\n      &.hovered:not(.c-DayPicker-Day--selected):after {\n        background-color: var(--red-alert);\n      }\n    }\n  }\n\n  .c-DayPicker-Day--selected {\n    background-color: var(--color-primary);\n    color: var(--color-theme-100);\n    &.c-DayPicker-Day--today {\n      color: var(--color-theme-100);\n      &:after {\n        background-color: var(--color-theme-100);\n      }\n    }\n    &.c-DayPicker-Day--userAvailability,\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek {\n      background-color: var(--red-alert);\n      color: var(--color-theme-100);\n    }\n  }\n\n  .c-DayPicker-Day--nonWorkingDay {\n    color: var(--color-theme-500);\n    &.hovered:not(.c-DayPicker-Day--selected) {\n      color: var(--color-theme-500);\n    }\n    &.c-DayPicker-Day--today {\n      color: var(--color-primary-500);\n      &:after {\n        background-color: var(--color-primary-500);\n      }\n      &.hovered:not(.c-DayPicker-Day--selected) {\n        color: var(--color-theme-500);\n        &:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.c-DayPicker-Day--userAvailability,\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek {\n      &.hovered:not(.c-DayPicker-Day--selected) {\n        color: var(--color-theme-500);\n        background-color: var(--color-primary-300);\n        &.c-DayPicker-Day--today:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.c-DayPicker-Day--selected {\n      color: rgba(255, 255, 255, 0.6);\n      background-color: var(--color-primary);\n      .neon & {\n        color: rgba(0, 0, 0, 0.4);\n      }\n      &.c-DayPicker-Day--today {\n        color: rgba(255, 255, 255, 0.6);\n        .neon & {\n          color: rgba(0, 0, 0, 0.4);\n        }\n        &:after {\n          background-color: rgba(255, 255, 255, 0.6);\n          .neon & {\n            background-color: rgba(0, 0, 0, 0.4);\n          }\n        }\n      }\n    }\n  }\n  .c-DayPicker-Day--disabled {\n    cursor: default;\n    color: var(--color-theme-500);\n    &.hovered {\n      color: var(--color-theme-500);\n    }\n  }\n\n  .c-DayPicker-Day--outside {\n    cursor: default;\n    opacity: 0.15;\n    color: var(--color-theme-900);\n\n    &.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek.hovered:not(.c-DayPicker-Day--selected) {\n      background: var(--color-primary-300);\n    }\n    &.c-DayPicker-Day--userAvailability:not(.c-DayPicker-Day--selected),\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek:not(.c-DayPicker-Day--selected),\n    &.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek.hovered:not(.c-DayPicker-Day--selected),\n    &.c-DayPicker-Day--nonWorkingDay.hovered:not(.c-DayPicker-Day--selected),\n    &.c-DayPicker-Day--nonWorkingDay:not(.c-DayPicker-Day--selected),\n    &.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected),\n    &.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected) {\n      color: var(--color-theme-900);\n    }\n\n    &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n    &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n    &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n    &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n    &.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n    &.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after {\n      background-color: var(--color-theme-900);\n    }\n\n    &.hovered:not(.c-DayPicker-Day--selected) {\n      background: var(--color-primary-400);\n    }\n\n    &.c-DayPicker-Day--selected {\n      color: var(--page-paper-main);\n      background: var(--color-primary);\n      .neon & {\n        color: var(--page-paper-main);\n      }\n      &.c-DayPicker-Day--today {\n        &:after {\n          background: var(--page-paper-main);\n          .neon & {\n            background: var(--page-paper-main);\n          }\n        }\n        &.c-DayPicker-Day--nonWorkingDay {\n          color: var(--page-paper-main);\n          .neon & {\n            color: var(--page-paper-main);\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const StyledDatePickerCSSTransition = styled(CSSTransition)<{\n  $direction: boolean;\n}>`\n  ${(props) =>\n    props.$direction\n      ? css`\n          &.c-date-picker__animation-enter {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 0;\n              transform: translateY(-20px);\n            }\n          }\n\n          &.c-date-picker__animation-enter-active {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 1;\n              transform: translateY(0px);\n              transition-duration: 300ms;\n            }\n          }\n          &.c-date-picker__animation-exit {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 1;\n            }\n          }\n          &.c-date-picker__animation-exit-active {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 0;\n              transform: translateY(20px);\n              transition-duration: 300ms;\n            }\n          }\n        `\n      : css`\n          &.c-date-picker__animation-enter {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 0;\n              transform: translateY(20px);\n            }\n          }\n\n          &.c-date-picker__animation-enter-active {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 1;\n              transform: translateY(0px);\n              transition-duration: 300ms;\n            }\n          }\n\n          &.c-date-picker__animation-exit {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 1;\n            }\n          }\n\n          &.c-date-picker__animation-exit-active {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 0;\n              transform: translateY(-20px);\n              transition-duration: 300ms;\n            }\n          }\n        `}\n`;\n\nStyledDatePickerCSSTransition.displayName = \"StyledDatePickerCSSTransition\";\nStyledDatePicker.displayName = \"StyledDatePicker\";\nStyledDayPicker.displayName = \"StyledDayPicker\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAAuD;AAAA;AAAA;AAEhD,IAAMA,gBAAgB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,uDACtCC,oBAAS,EACTC,8BAAc,EAKZ;EAAA;EAAA;AAA0B,CAAC,CAChC;AAAC;AAEK,IAAMC,eAAe,GAAG,IAAAJ,yBAAM,EAACK,uBAAS,CAAC;EAAA;EAAA;AAAA,i4KAC1C;EAAA;AAAsB,CAAC,EAGzB,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,qEAKF;AAAA,GAmBG;EAAA;EAAA;AAAiC,CAAC,EAQlC;EAAA;AAAkB,CAAC,EAMnB;EAAA;EAAA;AAA+B,CAAC,CA4OvC;AAAC;AAEK,IAAMC,6BAA6B,GAAG,IAAAT,yBAAM,EAACU,mCAAa,CAAC;EAAA;EAAA;AAAA,aAG9D,UAACJ,KAAK;EAAA,OACNA,KAAK,CAACK,UAAU,OACZH,qBAAG,+eAgCHA,qBAAG,weAiCF;AAAA,EACR;AAAC;AAEFC,6BAA6B,CAACG,WAAW,GAAG,+BAA+B;AAC3Eb,gBAAgB,CAACa,WAAW,GAAG,kBAAkB;AACjDR,eAAe,CAACQ,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_FontStyle","_BoxSizingStyle","_reactDayPicker","_reactTransitionGroup","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDatePicker","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledDayPicker","DayPicker","props","$isYearlyView","css","StyledDatePickerCSSTransition","CSSTransition","$direction"],"sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { DayPicker } from \"react-day-picker\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledDatePicker = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  overflow: hidden;\n  min-width: 230px;\n\n  ${tw`tw-flex tw-justify-center`}\n`;\n\nexport const StyledDayPicker = styled(DayPicker)<{ $isYearlyView: boolean }>`\n  ${tw`tw-bg-page-paper-main`}\n  width: 230px;\n\n  .root {\n    --rdp-cell-size: 40px; /* Size of the day cells. */\n    --rdp-caption-font-size: 18px; /* Font size for the caption labels. */\n    --rdp-accent-color: #0000ff; /* Accent color for the background of selected days. */\n    --rdp-background-color: #e7edff; /* Background color for the hovered/focused elements. */\n    --rdp-accent-color-dark: #3003e1; /* Accent color for the background of selected days (to use in dark-mode). */\n    --rdp-background-color-dark: #180270; /* Background color for the hovered/focused elements (to use in dark-mode). */\n    --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */\n    --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */\n    --rdp-selected-color: #fff; /* Color of selected day text */\n\n    margin: 1em;\n  }\n\n  /* Hide elements for devices that are not screen readers */\n  .rdp-vhidden {\n    box-sizing: border-box;\n    padding: 0;\n    margin: 0;\n    background: transparent;\n    border: 0;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    position: absolute !important;\n    top: 0;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n    clip: rect(1px, 1px, 1px, 1px) !important;\n    border: 0 !important;\n  }\n\n  /* Buttons */\n  .rdp-button_reset {\n    appearance: none;\n    position: relative;\n    margin: 0;\n    padding: 0;\n    cursor: default;\n    color: inherit;\n    background: none;\n    font: inherit;\n\n    -moz-appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .rdp-button_reset:focus-visible {\n    /* Make sure to reset outline only when :focus-visible is supported */\n    outline: none;\n  }\n\n  .rdp-button {\n    border: 2px solid transparent;\n  }\n\n  .rdp-button[disabled]:not(.rdp-day_selected) {\n    opacity: 0.25;\n  }\n\n  .rdp-button:not([disabled]) {\n    cursor: pointer;\n  }\n\n  .rdp-button:focus-visible:not([disabled]) {\n    color: inherit;\n    background-color: var(--rdp-background-color);\n    border: var(--rdp-outline);\n  }\n\n  .rdp-months {\n    display: flex;\n  }\n\n  .rdp-month {\n    margin: 0 1em;\n  }\n\n  .rdp-month:first-child {\n    margin-left: 0;\n  }\n\n  .rdp-month:last-child {\n    margin-right: 0;\n  }\n\n  .rdp-table {\n    margin: 0;\n    max-width: calc(var(--rdp-cell-size) * 7);\n    border-collapse: collapse;\n  }\n\n  .rdp-with_weeknumber .table {\n    max-width: calc(var(--rdp-cell-size) * 8);\n    border-collapse: collapse;\n  }\n\n  .rdp-caption {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0;\n    text-align: left;\n  }\n\n  .rdp-multiple_months .rdp-caption {\n    position: relative;\n    display: block;\n    text-align: center;\n  }\n\n  .rdp-caption_dropdowns {\n    position: relative;\n    display: inline-flex;\n  }\n\n  .rdp-caption_label {\n    position: relative;\n    z-index: 1;\n    display: inline-flex;\n    align-items: center;\n    margin: 0;\n    padding: 0 0.25em;\n    white-space: nowrap;\n    color: currentColor;\n    border: 0;\n    border: 2px solid transparent;\n    font-family: inherit;\n    font-size: var(--rdp-caption-font-size);\n    font-weight: bold;\n  }\n\n  .rdp-nav {\n    white-space: nowrap;\n  }\n\n  .rdp-multiple_months .rdp-caption_start .rdp-nav {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n\n  .rdp-multiple_months .rdp-caption_end .rdp-nav {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n\n  .rdp-nav_button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--rdp-cell-size);\n    height: var(--rdp-cell-size);\n    padding: 0.25em;\n    border-radius: 100%;\n  }\n\n  /* ---------- */\n  /* Dropdowns  */\n  /* ---------- */\n\n  .rdp-dropdown_year,\n  .rdp-dropdown_month {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .rdp-dropdown {\n    appearance: none;\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: inherit;\n    opacity: 0;\n    border: none;\n    background-color: transparent;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  .rdp-dropdown[disabled] {\n    opacity: unset;\n    color: unset;\n  }\n\n  .rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {\n    background-color: var(--rdp-background-color);\n    border: var(--rdp-outline);\n    border-radius: 6px;\n  }\n\n  .rdp-dropdown_icon {\n    margin: 0 0 0 5px;\n  }\n\n  .rdp-head {\n    border: 0;\n  }\n\n  .rdp-head_row,\n  .rdp-row {\n    height: 100%;\n  }\n\n  .rdp-head_cell {\n    vertical-align: middle;\n    font-size: 0.75em;\n    font-weight: 700;\n    text-align: center;\n    height: 100%;\n    height: var(--rdp-cell-size);\n    padding: 0;\n    text-transform: uppercase;\n  }\n\n  .rdp-tbody {\n    border: 0;\n  }\n\n  .rdp-tfoot {\n    margin: 0.5em;\n  }\n\n  .rdp-cell {\n    width: var(--rdp-cell-size);\n    height: 100%;\n    height: var(--rdp-cell-size);\n    padding: 0;\n    text-align: center;\n  }\n\n  .rdp-weeknumber {\n    font-size: 0.75em;\n  }\n\n  .rdp-weeknumber,\n  .rdp-day {\n    display: flex;\n    overflow: hidden;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: var(--rdp-cell-size);\n    max-width: var(--rdp-cell-size);\n    height: var(--rdp-cell-size);\n    margin: 0;\n    border: 2px solid transparent;\n    border-radius: 100%;\n  }\n\n  .rdp-day_today:not(.rdp-day_outside) {\n    font-weight: bold;\n  }\n\n  .rdp-day_selected,\n  .rdp-day_selected:focus-visible {\n    color: var(--rdp-selected-color);\n    opacity: 1;\n    background-color: var(--rdp-accent-color);\n  }\n\n  .rdp-day_outside {\n    opacity: 0.5;\n  }\n\n  .rdp-day_selected:focus-visible {\n    /* Since the background is the same use again the outline */\n    outline: var(--rdp-outline);\n    outline-offset: 2px;\n    z-index: 1;\n  }\n\n  .root:not([dir=\"rtl\"]) .rdp-day_range_start:not(.rdp-day_range_end) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .root:not([dir=\"rtl\"]) .rdp-day_range_end:not(.rdp-day_range_start) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .root[dir=\"rtl\"] .rdp-day_range_start:not(.rdp-day_range_end) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .root[dir=\"rtl\"] .rdp-day_range_end:not(.rdp-day_range_start) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .rdp-day_range_end.rdp-day_range_start {\n    border-radius: 100%;\n  }\n\n  .rdp-day_range_middle {\n    border-radius: 0;\n  }\n\n  ${(props) =>\n    props.$isYearlyView &&\n    css`\n      .c-DayPicker-Weekdays,\n      .c-DayPicker-Body {\n        opacity: 0 !important;\n      }\n    `}\n\n  .c-DayPicker-Month {\n    display: table;\n    user-select: none;\n    border-collapse: separate;\n    border-spacing: 4px;\n    margin: 0 auto;\n  }\n\n  .c-DayPicker-wrapper {\n    display: flex;\n  }\n\n  .c-DayPicker-Wrapper {\n    position: relative;\n    flex-direction: row;\n    user-select: none;\n    width: 100%;\n  }\n\n  .c-DayPicker-Caption {\n    display: table-caption;\n    margin-bottom: 0.5em;\n    padding: 0 0.5em;\n    width: 100%;\n    ${tw`tw-text-center tw-text-theme-900`}\n  }\n\n  .c-DayPicker-Weekday {\n    font-size: 11px;\n    font-weight: normal;\n    padding: 0.5em;\n    text-align: center;\n    ${tw`tw-text-theme-600`}\n  }\n\n  .c-DayPicker-Body {\n    display: table-row-group;\n    font-size: 13px;\n    ${tw`tw-text-theme-900 tw-font-bold`}\n  }\n\n  .c-DayPicker-Day {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    cursor: pointer;\n    transition-duration: 0.3s;\n    width: 27px;\n    height: 27px;\n    line-height: 27px;\n  }\n\n  .c-DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .c-DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .c-DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .c-DayPicker-Weekdays {\n    text-decoration: none;\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .c-DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .c-DayPicker-Week {\n    display: table-row;\n  }\n\n  .c-DayPicker--interactionDisabled .c-DayPicker-Day {\n    cursor: default;\n  }\n\n  .hovered.hovered-day.hover:not(\n      .c-DayPicker-Day--selected.selected-day.selected\n    ) {\n    background-color: var(--color-primary-300);\n    color: var(--color-theme-900);\n  }\n\n  .c-DayPicker-Day--today {\n    font-weight: 700;\n    color: var(--color-primary);\n    position: relative;\n\n    &:after {\n      position: absolute;\n      content: \"\";\n      bottom: 1px;\n      height: 3px;\n      width: 3px;\n      border-radius: 3px;\n      margin: 0 auto;\n      left: 0;\n      right: 0;\n      background: var(--color-primary);\n    }\n    &.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ) {\n      color: var(--color-primary);\n      &:after {\n        background-color: var(--color-primary);\n      }\n    }\n  }\n\n  .c-DayPicker-Day--userAvailability,\n  .c-DayPicker-Day--nonWorkingDaysOfWeek {\n    color: var(--red-alert);\n    &.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ) {\n      background-color: rgba(237, 97, 97, 0.1);\n      color: var(--red-alert);\n    }\n    &.c-DayPicker-Day--today {\n      color: var(--red-alert);\n      &:after {\n        background-color: var(--red-alert);\n      }\n      &.hovered.hovered-day.hover:not(\n          .c-DayPicker-Day--selected.selected-day.selected\n        ):after {\n        background-color: var(--red-alert);\n      }\n    }\n  }\n\n  .c-DayPicker-Day--selected.selected-day.selected {\n    background-color: var(--color-primary);\n    color: var(--color-theme-100);\n    &.c-DayPicker-Day--today {\n      color: var(--color-theme-100);\n      &:after {\n        background-color: var(--color-theme-100);\n      }\n    }\n    &.c-DayPicker-Day--userAvailability,\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek {\n      background-color: var(--red-alert);\n      color: var(--color-theme-100);\n    }\n  }\n\n  .c-DayPicker-Day--nonWorkingDay {\n    color: var(--color-theme-500);\n    &.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ) {\n      color: var(--color-theme-500);\n    }\n    &.c-DayPicker-Day--today {\n      color: var(--color-primary-500);\n      &:after {\n        background-color: var(--color-primary-500);\n      }\n      &.hovered.hovered-day.hover:not(\n          .c-DayPicker-Day--selected.selected-day.selected\n        ) {\n        color: var(--color-theme-500);\n        &:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.c-DayPicker-Day--userAvailability,\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek {\n      &.hovered.hovered-day.hover:not(\n          .c-DayPicker-Day--selected.selected-day.selected\n        ) {\n        color: var(--color-theme-500);\n        background-color: var(--color-primary-300);\n        &.c-DayPicker-Day--today:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.c-DayPicker-Day--selected.selected-day.selected {\n      color: rgba(255, 255, 255, 0.6);\n      background-color: var(--color-primary);\n      .neon & {\n        color: rgba(0, 0, 0, 0.4);\n      }\n      &.c-DayPicker-Day--today {\n        color: rgba(255, 255, 255, 0.6);\n        .neon & {\n          color: rgba(0, 0, 0, 0.4);\n        }\n        &:after {\n          background-color: rgba(255, 255, 255, 0.6);\n          .neon & {\n            background-color: rgba(0, 0, 0, 0.4);\n          }\n        }\n      }\n    }\n  }\n  .c-DayPicker-Day--disabled {\n    cursor: default;\n    color: var(--color-theme-500);\n    &.hovered.hovered-day.hover {\n      color: var(--color-theme-500);\n    }\n  }\n\n  .c-DayPicker-Day--outside {\n    cursor: default;\n    opacity: 0.15;\n    color: var(--color-theme-900);\n\n    &.c-DayPicker-Day--userAvailability.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ),\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ) {\n      background: var(--color-primary-300);\n    }\n    &.c-DayPicker-Day--userAvailability:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ),\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ),\n    &.c-DayPicker-Day--userAvailability.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ),\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ),\n    &.c-DayPicker-Day--nonWorkingDay.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ),\n    &.c-DayPicker-Day--nonWorkingDay:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ),\n    &.c-DayPicker-Day--today.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ),\n    &.c-DayPicker-Day--today:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ) {\n      color: var(--color-theme-900);\n    }\n\n    &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ):after,\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek.c-DayPicker-Day--today:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ):after,\n    &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ):after,\n    &.c-DayPicker-Day--nonWorkingDaysOfWeek.c-DayPicker-Day--today.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ):after,\n    &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ):after,\n    &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ):after,\n    &.c-DayPicker-Day--today.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ):after,\n    &.c-DayPicker-Day--today:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ):after {\n      background-color: var(--color-theme-900);\n    }\n\n    &.hovered.hovered-day.hover:not(\n        .c-DayPicker-Day--selected.selected-day.selected\n      ) {\n      background: var(--color-primary-400);\n    }\n\n    &.c-DayPicker-Day--selected.selected-day.selected {\n      color: var(--page-paper-main);\n      background: var(--color-primary);\n      .neon & {\n        color: var(--page-paper-main);\n      }\n      &.c-DayPicker-Day--today {\n        &:after {\n          background: var(--page-paper-main);\n          .neon & {\n            background: var(--page-paper-main);\n          }\n        }\n        &.c-DayPicker-Day--nonWorkingDay {\n          color: var(--page-paper-main);\n          .neon & {\n            color: var(--page-paper-main);\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const StyledDatePickerCSSTransition = styled(CSSTransition)<{\n  $direction: boolean;\n}>`\n  ${(props) =>\n    props.$direction\n      ? css`\n          &.c-date-picker__animation-enter {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 0;\n              transform: translateY(-20px);\n            }\n          }\n\n          &.c-date-picker__animation-enter-active {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 1;\n              transform: translateY(0px);\n              transition-duration: 300ms;\n            }\n          }\n          &.c-date-picker__animation-exit {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 1;\n            }\n          }\n          &.c-date-picker__animation-exit-active {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 0;\n              transform: translateY(20px);\n              transition-duration: 300ms;\n            }\n          }\n        `\n      : css`\n          &.c-date-picker__animation-enter {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 0;\n              transform: translateY(20px);\n            }\n          }\n\n          &.c-date-picker__animation-enter-active {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 1;\n              transform: translateY(0px);\n              transition-duration: 300ms;\n            }\n          }\n\n          &.c-date-picker__animation-exit {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 1;\n            }\n          }\n\n          &.c-date-picker__animation-exit-active {\n            .c-DayPicker-Caption,\n            .c-DayPicker-Body {\n              opacity: 0;\n              transform: translateY(-20px);\n              transition-duration: 300ms;\n            }\n          }\n        `}\n`;\n\nStyledDatePickerCSSTransition.displayName = \"StyledDatePickerCSSTransition\";\nStyledDatePicker.displayName = \"StyledDatePicker\";\nStyledDayPicker.displayName = \"StyledDayPicker\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAAuD,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEhD,MAAMY,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDACtCC,oBAAS,EACTC,8BAAc,EAKZ;EAAA;EAAA;AAA0B,CAAC,CAChC;AAEM,MAAMC,eAAe,GAAAR,OAAA,CAAAQ,eAAA,GAAG,IAAAP,yBAAM,EAACQ,yBAAS,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8rVAC1C;EAAA;AAAsB,CAAC,EA2TxBK,KAAK,IACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,qEAKF,EA0BG;EAAA;EAAA;AAAiC,CAAC,EAQlC;EAAA;AAAkB,CAAC,EAMnB;EAAA;EAAA;AAA+B,CAAC,CAoRvC;AAEM,MAAMC,6BAA6B,GAAAb,OAAA,CAAAa,6BAAA,GAAG,IAAAZ,yBAAM,EAACa,mCAAa,CAAC,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAG7DK,KAAK,IACNA,KAAK,CAACK,UAAU,OACZH,qBAAG,+eAgCHA,qBAAG,weAiCF,CACR;AAEDC,6BAA6B,CAACT,WAAW,GAAG,+BAA+B;AAC3EL,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AACjDI,eAAe,CAACJ,WAAW,GAAG,iBAAiB"}

package/dist/cjs/components/DatePicker/index.js

@@ -9,7 +9,7 @@ Object.keys(_DatePicker).forEach(function (key) {
   if (key in exports && exports[key] === _DatePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _DatePicker[key];
     }
   });

package/dist/cjs/components/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/DatePicker/index.ts"],"sourcesContent":["export * from \"./DatePicker\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_DatePicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/DatePicker/index.ts"],"sourcesContent":["export * from \"./DatePicker\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/Dialog/Dialog.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,28 +14,26 @@ var _DialogActions = require("./DialogActions");
 var _DialogContent = require("./DialogContent");
 var _DialogContentDivider = require("./DialogContentDivider");
 var _DialogTitle = require("./DialogTitle");
-var _excluded = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const _excluded = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"]; // import { DialogContext } from "./DialogContext";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var _Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$open = _ref.open,
-    open = _ref$open === void 0 ? false : _ref$open,
-    onClose = _ref.onClose,
-    className = _ref.className,
-    _ref$enableBackground = _ref.enableBackgroundClick,
-    enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
-    _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
-    disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
-    _ref$animate = _ref.animate,
-    animate = _ref$animate === void 0 ? "slide" : _ref$animate,
-    onClickOutside = _ref.onClickOutside,
+const _Dialog = exports._Dialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+      children,
+      open = false,
+      onClose,
+      className,
+      enableBackgroundClick = false,
+      disableCloseOnEsc = false,
+      animate = "slide",
+      onClickOutside
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var animateDialog = function animateDialog() {
+  const animateDialog = () => {
     switch (animate) {
       case "fade":
         return /*#__PURE__*/_react.default.createElement(_Transitions.Fade, {
@@ -66,15 +63,13 @@ var _Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     // </DialogContext.Provider>
   );
 });
-exports._Dialog = _Dialog;
 _Dialog.displayName = "Dialog";
 
 // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757
-var Dialog = Object.assign({}, _Dialog, {
+const Dialog = exports.Dialog = Object.assign({}, _Dialog, {
   Title: _DialogTitle.DialogTitle,
   Content: _DialogContent.DialogContent,
   ContentDivider: _DialogContentDivider.DialogContentDivider,
   Actions: _DialogActions.DialogActions
 });
-exports.Dialog = Dialog;
 //# sourceMappingURL=Dialog.js.map

package/dist/cjs/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["_Dialog","forwardRef","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","animate","onClickOutside","rest","animateDialog","classnames","displayName","Dialog","Object","assign","Title","DialogTitle","Content","DialogContent","ContentDivider","DialogContentDivider","Actions","DialogActions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { Fade } from \"../Transitions\";\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  animate?: \"fade\" | \"slide\";\n  onClickOutside?: (event) => void;\n}\n\nexport const _Dialog = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<DialogProps>\n>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n      animate = \"slide\",\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const animateDialog = () => {\n      switch (animate) {\n        case \"fade\":\n          return (\n            <Fade in={open}>\n              <StyledDialog className={classnames(\"c-dialog\", className)}>\n                {children}\n              </StyledDialog>\n            </Fade>\n          );\n        default:\n          return (\n            <SlideFromTop in={open}>\n              <StyledDialog className={classnames(\"c-dialog\", className)}>\n                {children}\n              </StyledDialog>\n            </SlideFromTop>\n          );\n      }\n    };\n\n    return (\n      // <DialogContext.Provider value={{}}>\n\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n        onClickOutside={onClickOutside}\n        {...rest}\n      >\n        {animateDialog()}\n      </Modal>\n      // </DialogContext.Provider>\n    );\n  }\n);\n\n_Dialog.displayName = \"Dialog\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const Dialog = Object.assign({}, _Dialog, {\n  Title: DialogTitle,\n  Content: DialogContent,\n  ContentDivider: DialogContentDivider,\n  Actions: DialogActions,\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrC,IAAMA,OAAO,gBAAG,IAAAC,iBAAU,EAI/B,gBAYEC,GAAG,EACA;EAAA,IAXDC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,6BACTC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,6BAC7BC,iBAAiB;IAAjBA,iBAAiB,sCAAG,KAAK;IAAA,oBACzBC,OAAO;IAAPA,OAAO,6BAAG,OAAO;IACjBC,cAAc,QAAdA,cAAc;IACXC,IAAI;EAIT,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAAS;IAC1B,QAAQH,OAAO;MACb,KAAK,MAAM;QACT,oBACE,6BAAC,iBAAI;UAAC,EAAE,EAAEL;QAAK,gBACb,6BAAC,oBAAY;UAAC,SAAS,EAAE,IAAAS,mBAAU,EAAC,UAAU,EAAEP,SAAS;QAAE,GACxDH,QAAQ,CACI,CACV;MAEX;QACE,oBACE,6BAAC,0BAAY;UAAC,EAAE,EAAEC;QAAK,gBACrB,6BAAC,oBAAY;UAAC,SAAS,EAAE,IAAAS,mBAAU,EAAC,UAAU,EAAEP,SAAS;QAAE,GACxDH,QAAQ,CACI,CACF;IACf;EAER,CAAC;EAED;IAAA;IACE;IAEA,6BAAC,YAAK;MACJ,GAAG,EAAED,GAAI;MACT,IAAI,EAAEE,IAAK;MACX,OAAO,EAAEC,OAAQ;MACjB,sBAAsB,EAAE,CAACE,qBAAsB;MAC/C,iBAAiB,EAAEC,iBAAkB;MACrC,cAAc,EAAEE;IAAe,GAC3BC,IAAI,GAEPC,aAAa,EAAE;IAElB;EAAA;AAEJ,CAAC,CACF;AAAC;AAEFZ,OAAO,CAACc,WAAW,GAAG,QAAQ;;AAE9B;AACO,IAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEjB,OAAO,EAAE;EAC/CkB,KAAK,EAAEC,wBAAW;EAClBC,OAAO,EAAEC,4BAAa;EACtBC,cAAc,EAAEC,0CAAoB;EACpCC,OAAO,EAAEC;AACX,CAAC,CAAC;AAAC"}
+{"version":3,"file":"Dialog.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Modal","_SlideFromTop","_Styles","_Transitions","_DialogActions","_DialogContent","_DialogContentDivider","_DialogTitle","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_Dialog","exports","forwardRef","_ref","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","animate","onClickOutside","rest","animateDialog","createElement","Fade","in","StyledDialog","classnames","SlideFromTop","Modal","disableBackgroundClick","displayName","Dialog","Title","DialogTitle","Content","DialogContent","ContentDivider","DialogContentDivider","Actions","DialogActions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { Fade } from \"../Transitions\";\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  animate?: \"fade\" | \"slide\";\n  onClickOutside?: (event) => void;\n}\n\nexport const _Dialog = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<DialogProps>\n>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n      animate = \"slide\",\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const animateDialog = () => {\n      switch (animate) {\n        case \"fade\":\n          return (\n            <Fade in={open}>\n              <StyledDialog className={classnames(\"c-dialog\", className)}>\n                {children}\n              </StyledDialog>\n            </Fade>\n          );\n        default:\n          return (\n            <SlideFromTop in={open}>\n              <StyledDialog className={classnames(\"c-dialog\", className)}>\n                {children}\n              </StyledDialog>\n            </SlideFromTop>\n          );\n      }\n    };\n\n    return (\n      // <DialogContext.Provider value={{}}>\n\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n        onClickOutside={onClickOutside}\n        {...rest}\n      >\n        {animateDialog()}\n      </Modal>\n      // </DialogContext.Provider>\n    );\n  }\n);\n\n_Dialog.displayName = \"Dialog\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const Dialog = Object.assign({}, _Dialog, {\n  Title: DialogTitle,\n  Content: DialogContent,\n  ContentDivider: DialogContentDivider,\n  Actions: DialogActions,\n});\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAIA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,qBAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AAA4C,MAAAW,SAAA,4HAN5C;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAtB,uBAAAkC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAV,CAAA,MAAAP,MAAA,CAAAsB,qBAAA,QAAAC,gBAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAT,CAAA,MAAAA,CAAA,GAAAgB,gBAAA,CAAAR,MAAA,EAAAR,CAAA,MAAAU,GAAA,GAAAM,gBAAA,CAAAhB,CAAA,OAAAa,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAjB,MAAA,CAAAI,SAAA,CAAAqB,oBAAA,CAAAnB,IAAA,CAAAU,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAA1B,MAAA,CAAA2B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAV,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAmB,UAAA,CAAAX,MAAA,EAAAR,CAAA,MAAAU,GAAA,GAAAS,UAAA,CAAAnB,CAAA,OAAAa,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAkBO,MAAMe,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,iBAAU,EAI/B,CAAAC,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;MACEC,QAAQ;MACRC,IAAI,GAAG,KAAK;MACZC,OAAO;MACPC,SAAS;MACTC,qBAAqB,GAAG,KAAK;MAC7BC,iBAAiB,GAAG,KAAK;MACzBC,OAAO,GAAG,OAAO;MACjBC;IAEF,CAAC,GAAAT,IAAA;IADIU,IAAI,GAAAtB,wBAAA,CAAAY,IAAA,EAAA5C,SAAA;EAIT,MAAMuD,aAAa,GAAGA,CAAA,KAAM;IAC1B,QAAQH,OAAO;MACb,KAAK,MAAM;QACT,oBACE9D,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC7D,YAAA,CAAA8D,IAAI;UAACC,EAAE,EAAEX;QAAK,gBACbzD,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC9D,OAAA,CAAAiE,YAAY;UAACV,SAAS,EAAE,IAAAW,mBAAU,EAAC,UAAU,EAAEX,SAAS;QAAE,GACxDH,QACW,CACV,CAAC;MAEX;QACE,oBACExD,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC/D,aAAA,CAAAoE,YAAY;UAACH,EAAE,EAAEX;QAAK,gBACrBzD,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC9D,OAAA,CAAAiE,YAAY;UAACV,SAAS,EAAE,IAAAW,mBAAU,EAAC,UAAU,EAAEX,SAAS;QAAE,GACxDH,QACW,CACF,CAAC;IAErB;EACF,CAAC;EAED;IAAA;IACE;IAEAxD,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAChE,MAAA,CAAAsE,KAAK,EAAAvC,QAAA;MACJsB,GAAG,EAAEA,GAAI;MACTE,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAEA,OAAQ;MACjBe,sBAAsB,EAAE,CAACb,qBAAsB;MAC/CC,iBAAiB,EAAEA,iBAAkB;MACrCE,cAAc,EAAEA;IAAe,GAC3BC,IAAI,GAEPC,aAAa,CAAC,CACV;IACP;EAAA;AAEJ,CACF,CAAC;AAEDd,OAAO,CAACuB,WAAW,GAAG,QAAQ;;AAE9B;AACO,MAAMC,MAAM,GAAAvB,OAAA,CAAAuB,MAAA,GAAGpD,MAAM,CAACW,MAAM,CAAC,CAAC,CAAC,EAAEiB,OAAO,EAAE;EAC/CyB,KAAK,EAAEC,wBAAW;EAClBC,OAAO,EAAEC,4BAAa;EACtBC,cAAc,EAAEC,0CAAoB;EACpCC,OAAO,EAAEC;AACX,CAAC,CAAC"}

package/dist/cjs/components/Dialog/DialogActions.js

@@ -7,16 +7,18 @@ exports.DialogActions = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["className", "children"];
+const _excluded = ["className", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 // import { useDialogContext } from "./DialogContext";
 
-var DialogActions = function DialogActions(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
+const DialogActions = _ref => {
+  let {
+      className,
+      children
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   // useDialogContext();
 

package/dist/cjs/components/Dialog/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.js","names":["DialogActions","className","children","rest","classnames","displayName"],"sources":["../../../../src/components/Dialog/DialogActions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogActions } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogActions = ({\n  className,\n  children,\n  ...rest\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogActions\n      className={classnames(\"c-dialog-actions\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogActions>\n  );\n};\n\nDialogActions.displayName = \"DialogActions\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAC/C;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAIY;EAAA,IAHpCC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP;;EAEA,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEH,SAAS;EAAE,GACjDE,IAAI,GAEPD,QAAQ,CACW;AAE1B,CAAC;AAAC;AAEFF,aAAa,CAACK,WAAW,GAAG,eAAe"}
+{"version":3,"file":"DialogActions.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DialogActions","_ref","className","children","rest","createElement","StyledDialogActions","classnames","exports","displayName"],"sources":["../../../../src/components/Dialog/DialogActions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogActions } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogActions = ({\n  className,\n  children,\n  ...rest\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogActions\n      className={classnames(\"c-dialog-actions\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogActions>\n  );\n};\n\nDialogActions.displayName = \"DialogActions\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA+C,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAC/C;;AAEO,MAAMmB,aAAa,GAAGC,IAAA,IAIS;EAAA,IAJR;MAC5BC,SAAS;MACTC;IAE8B,CAAC,GAAAF,IAAA;IAD5BG,IAAI,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP;;EAEA,oBACEL,MAAA,CAAAQ,OAAA,CAAA6B,aAAA,CAACjC,OAAA,CAAAkC,mBAAmB,EAAA7B,QAAA;IAClByB,SAAS,EAAE,IAAAK,mBAAU,EAAC,kBAAkB,EAAEL,SAAS;EAAE,GACjDE,IAAI,GAEPD,QACkB,CAAC;AAE1B,CAAC;AAACK,OAAA,CAAAR,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACS,WAAW,GAAG,eAAe"}

package/dist/cjs/components/Dialog/DialogContent.js

@@ -7,16 +7,18 @@ exports.DialogContent = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["className", "children"];
+const _excluded = ["className", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 // import { useDialogContext } from "./DialogContext";
 
-var DialogContent = function DialogContent(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
+const DialogContent = _ref => {
+  let {
+      className,
+      children
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   // useDialogContext();
 

package/dist/cjs/components/Dialog/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["DialogContent","className","children","rest","classnames","displayName"],"sources":["../../../../src/components/Dialog/DialogContent.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContent } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogContent = ({\n  className,\n  children,\n  ...rest\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogContent\n      className={classnames(\"c-dialog-content\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogContent>\n  );\n};\n\nDialogContent.displayName = \"DialogContent\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAC/C;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAIY;EAAA,IAHpCC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP;;EAEA,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEH,SAAS;EAAE,GACjDE,IAAI,GAEPD,QAAQ,CACW;AAE1B,CAAC;AAAC;AAEFF,aAAa,CAACK,WAAW,GAAG,eAAe"}
+{"version":3,"file":"DialogContent.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DialogContent","_ref","className","children","rest","createElement","StyledDialogContent","classnames","exports","displayName"],"sources":["../../../../src/components/Dialog/DialogContent.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContent } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogContent = ({\n  className,\n  children,\n  ...rest\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogContent\n      className={classnames(\"c-dialog-content\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogContent>\n  );\n};\n\nDialogContent.displayName = \"DialogContent\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA+C,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAC/C;;AAEO,MAAMmB,aAAa,GAAGC,IAAA,IAIS;EAAA,IAJR;MAC5BC,SAAS;MACTC;IAE8B,CAAC,GAAAF,IAAA;IAD5BG,IAAI,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP;;EAEA,oBACEL,MAAA,CAAAQ,OAAA,CAAA6B,aAAA,CAACjC,OAAA,CAAAkC,mBAAmB,EAAA7B,QAAA;IAClByB,SAAS,EAAE,IAAAK,mBAAU,EAAC,kBAAkB,EAAEL,SAAS;EAAE,GACjDE,IAAI,GAEPD,QACkB,CAAC;AAE1B,CAAC;AAACK,OAAA,CAAAR,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACS,WAAW,GAAG,eAAe"}

package/dist/cjs/components/Dialog/DialogContentDivider.js

@@ -10,8 +10,10 @@ var _Styles = require("./Styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // import { useDialogContext } from "./DialogContext";
 
-var DialogContentDivider = function DialogContentDivider(_ref) {
-  var className = _ref.className;
+const DialogContentDivider = _ref => {
+  let {
+    className
+  } = _ref;
   // useDialogContext();
 
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledDialogContentDivider, {

package/dist/cjs/components/Dialog/DialogContentDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContentDivider.js","names":["DialogContentDivider","className","classnames","displayName"],"sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContentDivider } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogContentDivider = ({\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogContentDivider\n      className={classnames(\"c-dialog-content-divider\", className)}\n    />\n  );\n};\n\nDialogContentDivider.displayName = \"DialogContentDivider\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAsD;AACtD;;AAEO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,OAEK;EAAA,IADpCC,SAAS,QAATA,SAAS;EAET;;EAEA,oBACE,6BAAC,kCAA0B;IACzB,SAAS,EAAE,IAAAC,mBAAU,EAAC,0BAA0B,EAAED,SAAS;EAAE,EAC7D;AAEN,CAAC;AAAC;AAEFD,oBAAoB,CAACG,WAAW,GAAG,sBAAsB"}
+{"version":3,"file":"DialogContentDivider.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","obj","__esModule","default","DialogContentDivider","_ref","className","createElement","StyledDialogContentDivider","classnames","exports","displayName"],"sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContentDivider } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogContentDivider = ({\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogContentDivider\n      className={classnames(\"c-dialog-content-divider\", className)}\n    />\n  );\n};\n\nDialogContentDivider.displayName = \"DialogContentDivider\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAsD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AACtD;;AAEO,MAAMG,oBAAoB,GAAGC,IAAA,IAEE;EAAA,IAFD;IACnCC;EAC8B,CAAC,GAAAD,IAAA;EAC/B;;EAEA,oBACET,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAQ,0BAA0B;IACzBF,SAAS,EAAE,IAAAG,mBAAU,EAAC,0BAA0B,EAAEH,SAAS;EAAE,CAC9D,CAAC;AAEN,CAAC;AAACI,OAAA,CAAAN,oBAAA,GAAAA,oBAAA;AAEFA,oBAAoB,CAACO,WAAW,GAAG,sBAAsB"}

package/dist/cjs/components/Dialog/DialogContext.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDialogContext = exports.DialogContext = void 0;
 var _react = require("react");
-var DialogContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.DialogContext = DialogContext;
-var useDialogContext = function useDialogContext() {
-  var context = (0, _react.useContext)(DialogContext);
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+const DialogContext = exports.DialogContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useDialogContext = () => {
+  const context = (0, _react.useContext)(DialogContext);
   if (!context) {
     throw new Error("Child components of Dialog can not be rendered outside the Dialog component!");
   }

package/dist/cjs/components/Dialog/DialogContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContext.js","names":["DialogContext","createContext","useDialogContext","context","useContext","Error"],"sources":["../../../../src/components/Dialog/DialogContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface DialogContextProps {}\n\nexport const DialogContext = createContext<DialogContextProps | null>(null);\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n\n  if (!context) {\n    throw new Error(\n      \"Child components of Dialog can not be rendered outside the Dialog component!\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":";;;;;;AAAA;AAKO,IAAMA,aAAa,gBAAG,IAAAC,oBAAa,EAA4B,IAAI,CAAC;AAAC;AAErE,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EACpC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACJ,aAAa,CAAC;EAEzC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,8EAA8E,CAC/E;EACH;EAEA,OAAOF,OAAO;AAChB,CAAC;AAAC"}
+{"version":3,"file":"DialogContext.js","names":["_react","require","DialogContext","exports","createContext","useDialogContext","context","useContext","Error"],"sources":["../../../../src/components/Dialog/DialogContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface DialogContextProps {}\n\nexport const DialogContext = createContext<DialogContextProps | null>(null);\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n\n  if (!context) {\n    throw new Error(\n      \"Child components of Dialog can not be rendered outside the Dialog component!\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;;AAGO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAA4B,IAAI,CAAC;AAEpE,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,aAAa,CAAC;EAEzC,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,8EACF,CAAC;EACH;EAEA,OAAOF,OAAO;AAChB,CAAC;AAACH,OAAA,CAAAE,gBAAA,GAAAA,gBAAA"}

package/dist/cjs/components/Dialog/DialogTitle.js

@@ -8,16 +8,19 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Header = require("../Typography/Variants/Header3");
 var _Styles = require("./Styles");
-var _excluded = ["children", "className", "disableDefaultHeading"];
+const _excluded = ["children", "className", "disableDefaultHeading"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var DialogTitle = function DialogTitle(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$disableDefaultHe = _ref.disableDefaultHeading,
-    disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
+// import { useDialogContext } from "./DialogContext";
+
+const DialogTitle = _ref => {
+  let {
+      children,
+      className,
+      disableDefaultHeading = false
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   // useDialogContext();
 

package/dist/cjs/components/Dialog/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["DialogTitle","children","className","disableDefaultHeading","rest","classnames","displayName"],"sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport classnames from \"classnames\";\nimport { Header3 } from \"../Typography/Variants/Header3\";\nimport { StyledDialogTitle } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport interface DialogTitleProps {\n  className?: string;\n  disableDefaultHeading?: boolean;\n}\n\nexport const DialogTitle = ({\n  children,\n  className,\n  disableDefaultHeading = false,\n  ...rest\n}: PropsWithChildren<DialogTitleProps>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogTitle\n      className={classnames(\"c-dialog-title-wrapper\", className)}\n      {...rest}\n    >\n      {disableDefaultHeading ? children : <Header3>{children}</Header3>}\n    </StyledDialogTitle>\n  );\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAQtC,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAKmB;EAAA,IAJzCC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,6BACTC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAC1BC,IAAI;EAEP;;EAEA,oBACE,6BAAC,yBAAiB;IAChB,SAAS,EAAE,IAAAC,mBAAU,EAAC,wBAAwB,EAAEH,SAAS;EAAE,GACvDE,IAAI,GAEPD,qBAAqB,GAAGF,QAAQ,gBAAG,6BAAC,eAAO,QAAEA,QAAQ,CAAW,CAC/C;AAExB,CAAC;AAAC;AAEFD,WAAW,CAACM,WAAW,GAAG,aAAa"}
+{"version":3,"file":"DialogTitle.js","names":["_react","_interopRequireDefault","require","_classnames","_Header","_Styles","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DialogTitle","_ref","children","className","disableDefaultHeading","rest","createElement","StyledDialogTitle","classnames","Header3","exports","displayName"],"sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport classnames from \"classnames\";\nimport { Header3 } from \"../Typography/Variants/Header3\";\nimport { StyledDialogTitle } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport interface DialogTitleProps {\n  className?: string;\n  disableDefaultHeading?: boolean;\n}\n\nexport const DialogTitle = ({\n  children,\n  className,\n  disableDefaultHeading = false,\n  ...rest\n}: PropsWithChildren<DialogTitleProps>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogTitle\n      className={classnames(\"c-dialog-title-wrapper\", className)}\n      {...rest}\n    >\n      {disableDefaultHeading ? children : <Header3>{children}</Header3>}\n    </StyledDialogTitle>\n  );\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA6C,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAC7C;;AAOO,MAAMmB,WAAW,GAAGC,IAAA,IAKgB;EAAA,IALf;MAC1BC,QAAQ;MACRC,SAAS;MACTC,qBAAqB,GAAG;IAEW,CAAC,GAAAH,IAAA;IADjCI,IAAI,GAAAd,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP;;EAEA,oBACEN,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAAClC,OAAA,CAAAmC,iBAAiB,EAAA9B,QAAA;IAChB0B,SAAS,EAAE,IAAAK,mBAAU,EAAC,wBAAwB,EAAEL,SAAS;EAAE,GACvDE,IAAI,GAEPD,qBAAqB,GAAGF,QAAQ,gBAAGnC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACnC,OAAA,CAAAsC,OAAO,QAAEP,QAAkB,CAC/C,CAAC;AAExB,CAAC;AAACQ,OAAA,CAAAV,WAAA,GAAAA,WAAA;AAEFA,WAAW,CAACW,WAAW,GAAG,aAAa"}

package/dist/cjs/components/Dialog/Styles.js

@@ -9,34 +9,29 @@ var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
 var _BreakPoints = require("../BreakPoints");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledDialog = _styledComponents.default.div.withConfig({
+const StyledDialog = exports.StyledDialog = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
 })(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _BreakPoints.screen.sm);
-exports.StyledDialog = StyledDialog;
 StyledDialog.displayName = "StyledDialog";
-var StyledDialogTitle = _styledComponents.default.div.withConfig({
+const StyledDialogTitle = exports.StyledDialogTitle = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogTitle",
   componentId: "sc-jwpvgm-1"
 })(["padding:20px 30px;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-exports.StyledDialogTitle = StyledDialogTitle;
 StyledDialogTitle.displayName = "StyledDialogTitle";
-var StyledDialogContent = _styledComponents.default.div.withConfig({
+const StyledDialogContent = exports.StyledDialogContent = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogContent",
   componentId: "sc-jwpvgm-2"
 })(["padding:20px 30px;max-height:580px;overflow-y:auto;flex:1 1 auto;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-exports.StyledDialogContent = StyledDialogContent;
 StyledDialogContent.displayName = "StyledDialogContent";
-var StyledDialogContentDivider = _styledComponents.default.div.withConfig({
+const StyledDialogContentDivider = exports.StyledDialogContentDivider = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogContentDivider",
   componentId: "sc-jwpvgm-3"
 })(["border-top:1px solid var(--border-primary);height:1px;"]);
-exports.StyledDialogContentDivider = StyledDialogContentDivider;
 StyledDialogContentDivider.displayName = "StyledDialogContentDivider";
-var StyledDialogActions = _styledComponents.default.div.withConfig({
+const StyledDialogActions = exports.StyledDialogActions = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogActions",
   componentId: "sc-jwpvgm-4"
 })(["padding:20px 30px;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-exports.StyledDialogActions = StyledDialogActions;
 StyledDialogActions.displayName = "StyledDialogActions";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Dialog/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","screen","sm","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAwC;AAEjC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,kUAalCC,oBAAS,EACTC,8BAAc,EAEdC,mBAAM,CAACC,EAAE,CAIZ;AAAC;AAEFN,YAAY,CAACO,WAAW,GAAG,cAAc;AAElC,IAAMC,iBAAiB,GAAGP,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oCAGvCC,oBAAS,EACTC,8BAAc,CACjB;AAAC;AACFI,iBAAiB,CAACD,WAAW,GAAG,mBAAmB;AAE5C,IAAME,mBAAmB,GAAGR,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mFAMzCC,oBAAS,EACTC,8BAAc,CACjB;AAAC;AACFK,mBAAmB,CAACF,WAAW,GAAG,qBAAqB;AAEhD,IAAMG,0BAA0B,GAAGT,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,8DAGnD;AAAC;AACFQ,0BAA0B,CAACH,WAAW,GAAG,4BAA4B;AAE9D,IAAMI,mBAAmB,GAAGV,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oCAGzCC,oBAAS,EACTC,8BAAc,CACjB;AAAC;AACFO,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","_BreakPoints","obj","__esModule","default","StyledDialog","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","screen","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAwC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjC,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kUAalCC,oBAAS,EACTC,8BAAc,EAEdC,mBAAM,CAACC,EAAE,CAIZ;AAEDV,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,MAAMM,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCC,oBAAS,EACTC,8BAAc,CACjB;AACDG,iBAAiB,CAACN,WAAW,GAAG,mBAAmB;AAE5C,MAAMO,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCC,oBAAS,EACTC,8BAAc,CACjB;AACDI,mBAAmB,CAACP,WAAW,GAAG,qBAAqB;AAEhD,MAAMQ,0BAA0B,GAAAZ,OAAA,CAAAY,0BAAA,GAAGX,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDO,0BAA0B,CAACR,WAAW,GAAG,4BAA4B;AAE9D,MAAMS,mBAAmB,GAAAb,OAAA,CAAAa,mBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCC,oBAAS,EACTC,8BAAc,CACjB;AACDM,mBAAmB,CAACT,WAAW,GAAG,qBAAqB"}

package/dist/cjs/components/Dialog/index.js

@@ -9,7 +9,7 @@ Object.keys(_Dialog).forEach(function (key) {
   if (key in exports && exports[key] === _Dialog[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Dialog[key];
     }
   });

package/dist/cjs/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from \"./Dialog\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Dialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from \"./Dialog\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}